提交表格 + ExtJS 4 中的网格

Question

我有一个 Ext.form.Panel，其中包含一个网格和一些用于编辑网格中每一行的文本字段。它与此非常相似：http://dev. sencha.com/deploy/ext-4.0.2a/examples/writer/writer.html ，只是不涉及AJAX；我的数据存储是本地的。

如何通过标准 POST 提交网格行？

如果我只是执行 myForm.submit()，则会出现两个问题：

1. 正在验证用于编辑网格行的字段。提交表单时应忽略它们。

2. 没有提交来自网格的数据。

我看到的唯一解决方案是以某种方式阻止验证字段并创建一些包含每行数据的隐藏字段。还有更好的选择吗？

先感谢您！

Answer 1

这是我使用的解决方案：

1. 为了在提交时忽略表单中的某些字段，我重写了表单的 getFields() 方法。讨厌，我知道。在下面的代码中，具有“ignoreInMainForm”属性的字段将被忽略。

   Ext.getCmp('myForm').getForm().getFields = function() {
       var fields = this._fields;
       如果（！字段）{
           var s = [],
           t = this.owner.query('[isFormField]');
           for (var i in t) {
               if (t[i]['ignoreInMainForm'] !== true) {
                   s.push(t[i]);
               }
           }
           fields = this._fields = Ext.create('Ext.util.MixedCollection');
           fields.addAll(s);
       }
       返回字段；
   }
   

2. 为了提交网格数据，我将所有行编码在一个 JSON 对象中，并添加到表单的 baseParams 中。

   var myItems = myStore.getRange();
   var myJson = [];
   for (var i in myItems) {
       myJson.push({
           'a': myItems[i].get('a'),
           'b': myItems[i].get('b'),
           ...
       });
   }
   Ext.getCmp('formHiddenId').setValue(Ext.encode(myJson ));
   

Answer 2

这对我来说部分有效 - 在 ExtJS 4.0.2a 中，我无法添加到 baseParams，因此我触发了发送处理程序来执行以下操作：

function prepareToSendForm(a, b) {
var myItems = Ext.getCmp('grid-links').store.getRange();
var myJson = [];
for (var i in myItems) {
    myJson.push({
        'title': myItems[i].get('title'),
        'url': myItems[i].get('url'),
        'refreshes': myItems[i].get('refreshes')
    });
}

//Update the hidden field to be the JSON of the Grid
for (var i=0, len=Ext.getCmp('roomCreateForm').getForm()._fields.items.length; i<len; i++) {
    var item = Ext.getCmp('roomCreateForm').getForm()._fields.items[i];
    if (item.name=='roomLinks') {
        Ext.getCmp('roomCreateForm').getForm()._fields.items[i].inputEl.dom.value=Ext.encode(myJson);
        break;
    }
}

Ext.getCmp('roomCreateForm').submit();
}

这很有魅力（但不是很即插即用）。我必须在表单中创建一个隐藏字段（上面名为 roomLinks），上面的第二个 for 循环会找到该字段，并将该值替换为 JSON 格式的结果。