前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Extjs中弹出框动态绑定form和按钮

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

作者头像
业余草
发布2019-01-21 16:05:59
1.6K0
发布2019-01-21 16:05:59
举报
文章被收录于专栏:业余草业余草

直接贴代码.

窗体代码:

代码语言:javascript
复制
/**
 * 窗体
 */
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代码:

代码语言:javascript
复制
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,就不用说了。如果还有不动的请主动联系我。运行之后的效果图这里就不截图了。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2014年03月24日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档