关于extjs4的Ext.form.Panel重置问题

var modify = Ext.create('Ext.form.Panel', {......}

当用Ext.form.Panel来修改某条记录时,重置按钮里面的handler里面写的方法modify.getForm().reset()无法重置,而是清空form,在实际用应用的时候,不够人性化。因为一般用户在修改信息的时候,可能填错了,需要看到修改之前的信息内容,而清空显然不行。

google半天无果,查看extjs文档,发现modify.getForm()返回的对象Ext.form.Basic的retset()方法,里面说Resets all fields in this form. By default, any record bound by loadRecord will be retained.意思是说重置loadRecord而来的信息,但是好像没作用,而reset()方法好像还有参数,boolean类型的,默认是false,于是改成true,试试发现还是作用,仍然是情况表单。

后来发现ext.form.field.Field,即Ext.form.Panel里面的每个字段,也有reset()方法,于是单独取出每个字段来reset(),仍然是重置,查看extjs文档,ext.form.field.Field的reset()方法说Resets the current field value to the originally loaded value and clears any validation messages,重置之前加载的信息并且清除校验信息。重点是后面一句SeeExt.form.Basic.trackResetOnLoad。查看Ext.form.Basic属性,里面说Resets the current field value to the originally loaded value and clears any validation messages,意思是如果是true,该方法重置上次加载的或者setValue()方法数据而不是首次创建表单时候的数据。于是就试试将Ext.form.Panel里面添加一个属性,trackResetOnLoad: true,然后在重置按钮里面的handler里面写之前写的方法modify.getForm().reset(),再试,发现重置成功了!!!

结论:在Ext.form.Panel添加属性trackResetOnLoad: true,然后重置方法里面modify.getForm().reset(),OK!

后续又发现一个问题:上面的方法,只限于当modify 的数据是loadRecord过来的 即:

var select = grid.getSelectionModel().getSelection();

modify.loadRecord(select[0]);

这样的时候,modify.getForm().reset()才是重置;

要是当modify的数据是另外请求查询的,即

var select = grid.getSelectionModel().getSelection();
       if(select[0]){
        Ext.Ajax.request({

//设置modify的字段数据

});

那么modify.getForm().reset()还是清空。。。这种情况下怎么重置,还得另外想办法。。。

要是谁知道其他办法,请告知一二!




  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值