Extjs中彈出框動態綁定form和按鈕

直接貼代碼.

窗體代碼：

/**
 * 窗體
 */
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，就不用說了。如果還有不動的請主動聯系我。運行之后的效果圖這里就不截圖了。