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

小编:管理员 435阅读 2022.09.07

直接贴代码.

窗体代码:

/**
 * 窗体
 */
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,就不用说了。如果还有不动的请主动联系我。运行之后的效果图这里就不截图了。

关联标签: