`
huntt
  • 浏览: 24860 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

关于Ext.form.FormPanel的reset方法的问题

    博客分类:
  • Ext
ext 
阅读更多
1、formpanel.getForm().reset()方法的bug(至少我认为是个bug)
这个情况描述下来就是当formpanel加载过数据后再使用reset方法时无法正常重置为初始状态,而是重置成了之前加载数据后的状态。这其中的原因可以看下面的代码:
form.getForm().load({
  url : 'xxx.do',
  method : 'POST',    				
  success : function(form,action) {
      form.show();
  },
  failure : function(form,action) {}
});

从上面代码可以看出,我第一次展示formpanel是在formpanel加载数据成功之后,那么在此之后的reset方法都只会重置到第一次加载数据的状态了,至于如何解决嘛,先show出来在load不就行了嘛,也就是这样改:
form.show();
form.getForm().load({
  url : 'xxx.do',
  method : 'POST',    				
  success : function(form,action) {},
  failure : function(form,action) {}
});


2、有童鞋要问了,如果我就是不要重置成初始状态怎么办,如果我这个formpanel里面的控件需要有一些默认值,那么有两种办法:
    第一种办法参考上面的那个问题,先把默认值load进来再展示formpanel,以后再怎么reset都会回到有默认值的状态了
    第二种办法,看Ext的Api文档,找到Ext.form.BasicForm的trackResetOnLoad属性,看里面的解释:If set to true, form.reset() resets to the last loaded or setValues() data instead of when the form was first created. 所以我们在定义formpanel的时候只需要加trackResetOnLoad : true就可以了。

看到这里可能有人会有疑问,你上面讲得第一个所谓的bug是不是就是因为trackResetOnLoad : true的关系呢,其实我已经试验过了,就算trackResetOnLoad : false第一个问题依然存在,reset后仍然是第一次加载过数据后的状态,其实还是因为load和show的先后顺序的问题,所以我认为是个bug
1
0
分享到:
评论

相关推荐

    Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别

    当使用`Ext.FormPanel`的`getForm().submit()`方法进行异步提交时,主要特点是: - **自动处理表单数据**:`getForm().submit()`会自动获取表单内的所有字段值,无需手动构建参数对象。 - **内置验证**:在提交前...

    Ext Form 示例

    formPanel.getForm().reset(); // 重置表单 } }] ``` 5. **监听表单事件**:可以监听表单的提交事件,以便在用户点击“提交”按钮时执行相应的操作。 ```javascript listeners: { submit: function(form, ...

    extjs属性方法大全

    `Ext.form.FormPanel` 是一个包含表单元素的面板容器。 - **属性:** - `items`: 表单中的子项列表。 - `buttons`: 底部按钮列表。 - `buttonAlign`: 按钮对齐方式,默认为居中。 - `labelWidth`: 标签宽度。 ...

    extjs-form组件配置参数详解

    `Ext.form.FormPanel`是一个用于展示表单的面板组件,提供了布局和样式设置,以及更高级的交互功能。 **配置项** - **items**: 添加到表单面板的子组件。 - **buttons**: 添加到表单底部的按钮配置数组。 - **...

    Ext 登陆页面

    根据提供的文件信息,我们可以分析出该段代码是用于创建一个基于Ext JS框架的登录界面,并且涉及到了Ext JS的一些核心组件以及表单提交的基本逻辑。接下来我们将深入解析这些知识点。 ### 1. Ext JS框架简介 Ext ...

    Extjs 词语定义

    在本文中,我们将深入探讨 `Ext.form` 模块中的 `Action` 和 `BasicForm` 类,以及 `FormPanel` 组件,这些都是EXTJS中处理表单操作的关键概念。 1. **Ext.form.Action** - `success` 和 `failure` 回调函数:这两...

    SSH2上传实现

    var form1 = new Ext.FormPanel({ baseCls: "x-plain", fileUpload: true, items: [{ xtype: 'filefield', // 更正xtype的值为'filefield' inputType: "file", width: 200, fieldLabel: "选择文件", ...

    JS小练习代码之二第1/2页

    - `getValues()`、`setValues(record)` 和 `reset()` 方法提供了获取表单数据、设置表单数据和重置表单的功能,这些是处理用户输入和数据交换的基本操作。 3. **Ext.Window**: - `myWindow` 类继承自 `Ext....

    extJs 常用到的增,删,改,查操作代码

    3. 重置(Reset)操作,是将表单字段恢复到初始状态,可以使用Ext.form.BasicForm的reset()方法。 对于新增操作,ExtJs提供了FormPanel组件,这个组件可以包含各种表单元素,比如TextField、ComboBox等,它们可以与...

Global site tag (gtag.js) - Google Analytics