频道栏目
首页 > 程序开发 > web前端 > JavaScript > 正文
ExtJs关闭面板时清空面板中的内容
2015-01-14 10:45:59         来源:翻滚吧小牛  
收藏   我要投稿

在用ExtJs写前台代码时,一些控件在关闭时需要设置他的关闭为隐藏,方便下次继续使用,但是如果用户在填写完信息后直接关闭下次打开后信息继续存在,影响用户体验。可以通过以下解决方案,设置关闭按钮的监听事件,当用户点击关闭按钮后清空对应formpanel中的数据。

下面首先看一个formPanel,实现添加用户界面。

var addUser = new Ext.form.FormPanel({
	labelAlign:'center',
	labelWidth:50,
	frame:true,
	defaultType : 'textfield',
	items: [{
    	fieldLabel:'用户名',
    	name:'userName'
    },{
    	fieldLabel:'用户密码',
    	name:'userPWD'
    },{
    	fieldLabel:'用户区域',
    	name:'userRegion'
    }]
});
然后看存放该formPanel的window。

var addUserswin = new Ext.Window({
	title: '添加用户',
    height: 200,
    width: 400,
    constrainHeader:true,
    buttonAlign:'center',
    closeAction:'hide',
    items:[addUser],
    buttons:[{
    	text:'新增',
    	handler:function(){
    		Ext.Msg.alert("ff","执行新增方法");
    	}
    }]	
});
然后添加这个window的关闭按钮监听事件。

addUserswin.on('close',function(){
	addUser.getForm().reset();
});
这就在关闭按钮前清空formpanel中的内容。

点击复制链接 与好友分享!回本站首页
相关TAG标签 面板 内容
上一篇:JavaScript 最佳实践
下一篇:JQuery实现密码有短暂的显示过程和实现input hint效果
相关文章
图文推荐
点击排行

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站