Extjs Window用法详解 2 打印具体应用
Extjs 中的按钮元素
{
xtype: 'buttongroup',
title: '打印',
items: [
me.tsbDel = Ext.create('Ext.button.Button', {
text: '打印123',
iconCls: 'tool_print',
scale: 'large',
iconAlign: 'top',
handler: function () {
var window = me.createWindow('www.view.report.vwwprint', {
params: {
oid: record.data.id,
}
});
}
}), ]
},
Extjs弹窗使用的第一种打印
Ext.define('www.view.report.vwwprint', {
extend: 'www.controls.WinBase',
width: 800,
height: 600,
autoShow: true,
modal: true,
stateful: false,
maximizable: false,
minimizable: false,
resizable: false,
layout: 'fit',
title: '打印的内容',
iconCls: 'icon_taskboxlist',
initComponent: function () {
var me = this;
me.items = [
{
xtype: 'panel',
border: 0,
html: '<iframe id="ifPrint" name="ifPrint" src="./D/Box/PrintReport/?' + Ext.Object.toQueryString(me.params) + '" width="100%" height="540" frameborder="0" scrolling="auto"></iframe>'
}];
me.buttons = [
me.btnOK = Ext.create('Ext.button.Button', {
text: '打印',
handler: function () {
var iframe = document.getElementById('ifPrint');
iframe.contentWindow.focus();
iframe.contentWindow.print();
}
}),
me.btnCancel = Ext.create('Ext.button.Button', {
text: '关闭',
handler: function () {
me.close();
}
})];
me.callParent(arguments);
}
});
Extjs弹窗使用的第二种打印
1、html文件
<div id="content"><h2>欢迎访问起飞网Extjs教程</h2><p>更多Extjs教程,请访问<a href="http://www.qeefee.com/zt-extjs">http://www.qeefee.com/zt-extjs</a></p> </div>2、
//创建window var win = Ext.create("Ext.window.Window", {id: "myWin",title: "示例窗口",width: 500,height: 300,layout: "fit",autoShow: true,contentEl: "content",
items: [ buttons: [{ xtype: "button", text: "确定", handler: function () //{ //this.up("window").close(); //} var iframe = document.getElementById('ifPrint'); iframe.contentWindow.focus(); iframe.contentWindow.print(); },{ xtype: "button", text: "取消", handler: function () { this.up("window").close(); } }]
});
转载于:https://www.cnblogs.com/1175429393wljblog/p/9178921.html
Extjs Window用法详解 2 打印具体应用相关推荐
- Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面
Extjs Window用法详解 3 打印具体应用,是否关掉打印预览的界面 Extjs 中的按钮元素 { xtype: 'buttongroup', title: '打印', items: [ me. ...
- Extjs Form用法详解(适用于Extjs5)
为什么80%的码农都做不了架构师?>>> Extjs Form是一个比较常用的控件,主要用来显示和编辑数据的,今天这篇文章将介绍Extjs Form控件的详细用法,包括创建Fo ...
- linux lp命令,lp命令_Linux lp 命令用法详解:打印文件或修改排队的打印任务
lp命令用于打印文件,或者修改排队的打印任务.与lpr命令类似,lp命令既支持文件输入也支持标准输入.它与lpr的不同之处在于它有一个不同(稍微复杂点)的参数选项设置. 语法lp(选项)(参数) 选项 ...
- linux 弹出窗口,实现弹出窗口的window.open用法详解(js代码)
实现弹出窗口的window.open用法详解(js代码) [1.最基本的弹出窗口代码] 其实代码非常简单: 因为这是一段javascripts代码,所以它们应该放在 cript">标签 ...
- window.onload用法详解
网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行,否则可能导致无法获取对象的情况,为了避免这种情况的发生,可以使用以下两种方式: 一.将脚本代码放在网页的底端,这样在运行脚本代 ...
- C# ManagementObjectSearcher操作window案例详解
C# ManagementObjectSearcher操作window案例详解* 前言: 我们在很多情况下想要获得计算机的硬件或操作系统的信息,比如获得CPU序列号给自己的软件添加机器码锁绑定指定电脑 ...
- php theme_path,PHP_Yii2主题(Theme)用法详解,本文实例讲述了Yii2主题(Theme) - phpStudy
Yii2主题(Theme)用法详解 本文实例讲述了Yii2主题(Theme)用法.分享给大家供大家参考,具体如下: 首先看看主要的配置方式: 'components' => [ 'view' = ...
- LayoutInflater的inflate函数用法详解
LayoutInflater的inflate函数用法详解 LayoutInflater作用是将layout的xml布局文件实例化为View类对象. 获取LayoutInflater的方法有如下三种: ...
- js数组中foEach和map的用法详解 jq中的$.each和$.map
数组中foEach和map的用法详解 相同点: 1.都是循环遍历数组(仅仅是数组)中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项value, ...
最新文章
- 数据可视化,需要遵循的几条核心原则
- map初始化_需要掌握的Go基础之map:文末附面试题一道
- 0-1背包问题优化算法详解
- c++ winpcap开发(9)
- 高清动漫壁纸,满足动漫视觉控的你
- JSK-369 字符逆序【入门】
- android bugly 错误分析,使用 Robolectric 单元测试运行时 bugly 初始化异常
- 中国电子科技集团公司第三十八研究所(合肥9月29日)
- android 浏览器抓包工具下载,WebSee app下载-WebSee抓包工具v1.2.1 安卓版-腾牛安卓网...
- Halcon深度学习总结
- 第九章 虚拟内存 第八节 内存映射
- 如何注册gmail邮箱
- 大型连锁百货运维审计用什么软件好?有哪些功能?
- 蜀门锻造费用统计(武器/坐骑锻造)
- 005_软件安装之_常用办公软件
- 源码阅读工具-understand
- 方格网的填方和挖方计算
- 如何把立创EDA上导出的原理图和封装导入AD的元件库
- (三)Latex的字体字号设置
- 微信公众号事件推送(点击推送图文)