在form.submit之后的extjs store.load

Question

用户下载PDF后，我正在尝试重新加载Extjs商店。

该过程如下：

• 用户双击GridPanel中的单元格
• 表单已创建，提交，后端的过程会创建PDF并对GridPanel存储的数据进行一些更改
• PDF将由用户下载

但是如何使用新数据重新加载商店？表单提交时没有afterRender。

我认为这应该是一个简单的问题，但我没有任何想法如何解决它。

Answer 1

这是我在我的代码库中找到的剪辑（在控制器内部）：

var form = button.up().up().down('form').getForm();
form.submit({ success : this.onFileUpload, failure: this.onFileUpload, scope: this});
...
onFileUpload: function (form, action){
    var data = action.result.data;
    ...
    if (action.result.success){
    ...
       //**your store reload could be here!**
    ...
    } else {
      ...
    }
}

我的表单响应没有响应文件（只是一些标准的html返回），但我想它应该工作。

Answer 2

这是我的一些代码：

function makeprintForm(array, setStatusX, grid) {

     var filename = 'asd.pdf';

     var url_pdf = 'someURL?FileName=' + filename;

     var printForm = Ext.create('Ext.form.Panel', ({

          url: currentContextPath + encodeURIComponent('http://' + host + ':' + port + url_pdf),
          hidden: true,
          id: 'printForm',
          name: 'printForm',
          method: 'post',
          standardSubmit: true,
          target: '_blank',
          items: [{
                    xtype: 'textfield',
                    fieldLabel: 'print_id',
                    name: 'print_id',
                    value: array
               },
               {
                    xtype: 'textfield',
                    fieldLabel: 'username',
                    name: 'username',
                    value: username
               },
               {
                    xtype: 'textfield',
                    fieldLabel: 'language_field',
                    name: 'language',
                    value: language
               }
          ]
     }));

     Ext.getCmp('printForm').getForm().submit({ success : this.reload_grid_after_submit(), scope: document.getElementById(nameSpace + 'formIS')});
}

function reload_grid_after_submit(){
     console.log('reload_grid_after_submit');
     Ext.getCmp('grid').getStore().proxy.setExtraParam('status', 'NEW');
     Ext.getCmp('grid').getStore().load();
}

Answer 3

您可以在警告框中使用表单。我在这里用了一个窗口。然后在提交表单时，您可以使用findRecord从商店中查找记录并进行编辑。为了更好的解释，请找到小提琴here。 P.S抱歉我正在度假。如果它是正确的，请将其标记为答案，以便将来帮助其他人。或者请评论是否有需要更改的内容。谢谢

Ext.getCmp('myGrid').addListener('rowdblclick', function (a, b, c, d) {

    win = new Ext.Window({
        width: 300,
        height: 150,
        draggable: false,
        border: false,
        modal: true,
        resizable: false,
        items: [{
            xtype: 'textfield',
            fieldLabel: 'What is your new name',
            id: 'newNameField'
        }, {
            xtype: 'button',
            name: 'sampleButton',
            text: 'Change My Name!',
            style: 'margin:15px',
            width: 150,
            handler: function () {
                name = Ext.getCmp('myGrid').getStore().getAt(d).data['name'];
                console.log(name);
                var newName = Ext.getCmp("newNameField").value;
                console.log("replacing " + name + " with " + newName + " in the store");
                var entry = userStore.findRecord('name', name);
                entry.set('name', newName);
                win.hide();

            }
        }]
    })
    win.show();

})