Extjs中弹出框动态绑定form和按钮

简介: <p>直接贴代码.</p> <p>窗体代码:<br></p> <p></p> <pre code_snippet_id="253781" snippet_file_name="blog_20140324_1_6909581" name="code" class="javascript">/** * 窗体 */Ext.define('nac.reportForm.view.For

直接贴代码.

窗体代码:

/**
 * 窗体
 */
Ext.define('nac.reportForm.view.FormWindow', {
	extend : 'Ext.window.Window',
	alias:'widget.FormWindow',
	id:'FormWindow',
	width : 450,
	autoHeight:true,
	layout : 'fit',
	constrain : true,
	modal : true,
	closeAction : 'destroy',
	title : '窗体',
	frame : true,
	items : [{xtype:'NewForm'}],
	buttonAlign : 'center',
	buttons : [{
		text : '确定',
		ref:'NewOK'
	},{
		text : '重置',
		ref:'NewReset'
	},{
		text : '取消',
		ref:'NewCancle'
	}]
});

控制器Controller代码:

var win=Ext.create('nac.reportForm.view.FormWindow');
win.remove(0);  
var btns=win.getDockedItems('toolbar[dock="bottom"]')
var items=win.getDockedItems('toolbar[dock="bottom"]')[0].items;
items.items[0].ref="OtherOK";//确定
items.items[1].ref="OtherReset";//重置
items.items[2].ref="OtherCancle";//取消
var view = Ext.create('nac.reportForm.view.OtherForm');
win.add(view).doLayout(); //重新布局一下
win.show();
按钮的其他设置,雷同,直接把ref改为其他属性,即可。其他的标题,窗体大小之类的直接看api,就不用说了。如果还有不动的请主动联系我。个人qq532009913.运行之后的效果图这里就不截图了。


目录
相关文章
|
Ubuntu
Ubuntu无法找到add-apt-repository问题的解决方法
Ubuntu无法找到add-apt-repository问题的解决方法
360 1
|
11月前
|
存储 Linux 开发工具
哪吒开发板的使用初尝试
哪吒开发板的使用初尝试
|
存储 缓存 Java
02.计算器存储器的原理
计算器存储器的原理
559 9
02.计算器存储器的原理
ModuleNotFoundError: No module named ‘fake_useragent‘
这篇文章提供了解决`ModuleNotFoundError: No module named 'fake_useragent'`错误的多种方法,包括重新运行安装命令、根据Python版本号指定安装、更新模块到最新版本以及使用whl文件安装。
ModuleNotFoundError: No module named ‘fake_useragent‘
|
存储 缓存 API
【建议收藏】企业级 RAG 产品的搭建需要重点考虑哪些问题?
【建议收藏】企业级 RAG 产品的搭建需要重点考虑哪些问题?
479 0
|
网络安全 Windows
在Windows电脑上启动并配置SSH服务
在Windows电脑上启动并配置SSH服务
3049 0
|
传感器 监控 网络协议
Modbus协议详细解析与案例分享
Modbus协议详细解析与案例分享
492 0
|
存储 Java C#
C# | 使用Memory<T>高效地读写内存数据
Memory<T>是什么? 它是一种可变大小、可读写的内存块,可以安全地暴露给用户代码进行操作。 为什么要使用Memory<T>? 使用它有许多好处。最主要的是善用它可以提高代码的性能。因为Memory<T>是可变的,所以我们可以直接在内存中操作数据,而不需要进行额外的拷贝操作。 使用Memory<T>还可以减少垃圾回收的压力,因为我们不需要创建新的对象来存储数据。 Memory<T>还可以与Span<T>和ReadOnlySpan<T>类型一起使用,这些类型可以方便地对数据进行访问和操作。
291 0
|
机器学习/深度学习 弹性计算 数据处理
阿里云gpu服务器简介和如何使用
阿里云GPU服务器是基于GPU加速计算的云计算服务,主要用于大规模并行计算、深度学习、图形渲染、图像处理、金融建模等领域。阿里云GPU服务器可以提供高效、可靠、稳定的服务,帮助用户降低计算成本,提高计算效率,实现更快速的数据处理和模型训练。
1714 0