EXT-js PropertyGrid 实现更新的最佳实践？

Question

我在一个项目中使用 EXT-js，通常 使用 EXT-js 一切都非常简单，但是对于 propertyGrid，我不确定。 我想要一些关于这段代码的建议。

首先是商店填充属性网格， 在加载事件上：

 var configStore = new Ext.data.JsonStore({
        // store config
     autoLoad:true,
        url: url.remote,
        baseParams : {xaction : 'read'},
        storeId: 'configStore',
        // reader config
        idProperty: 'id_config',
        root: 'config',
     totalProperty: 'totalcount',
        fields: [{
            name: 'id_config'
        }, {
            name: 'email_admin'
        }
  , {
            name: 'default_from_addr'
        }
  , {
            name: 'default_from_name'
        }
  , {
            name: 'default_smtp'
        }
  ],listeners: {
            load: {
                fn: function(store, records, options){
                    // get the property grid component
                    var propGrid = Ext.getCmp('propGrid');
                    // make sure the property grid exists
                    if (propGrid) {
                        // populate the property grid with store data
                        propGrid.setSource(store.getAt(0).data);
                    }
                }
            }
        }

    });

这是 propertyGrid：

 var propsGrid = new Ext.grid.PropertyGrid({
        renderTo: 'prop-grid',
     id: 'propGrid',
        width: 462,
        autoHeight: true,
        propertyNames: {
            tested: 'QA',
            borderWidth: 'Border Width'
        },
        viewConfig : {
            forceFit: true,
            scrollOffset: 2 // the grid will never have scrollbars
        }
    });

到目前为止一切顺利，但是使用下一个按钮，我将触发旧式更新， 我的问题是：

这是更新此组件的正确方法吗？ 或者使用编辑器更好？ 或其他东西...

对于常规网格，我使用存储方法来执行更新、删除等...

这个示例确实很少！ 即使在有关 ext-js 的书籍中也是如此！

 new Ext.Button({
        renderTo: 'button-container',
        text: 'Update',
        handler: function(){

    var grid = Ext.getCmp("propGrid");  

                     var source = grid.getSource();  

                     var jsonDataStr = null;  

                     jsonDataStr = Ext.encode(source);  

     var requestCg = {  
                             url : url.update,  
                             method : 'post',  
                             params : {  
                                 config : jsonDataStr , xaction : 'update'
                             },  
                             timeout : 120000,  
                             callback : function(options, success, response) {  
                                 alert(success + "\t" + response);  
    }
   };
    Ext.Ajax.request(requestCg);   
        }
    });

感谢您的阅读。

Answer 1

那应该没问题。 PropertyGrid 和支持类很早就包含在 Ext 中，甚至早于当前 Ext.data.* 命名空间中的许多类。它从未真正得到完全更新以匹配其他标准数据类上可用的 API。 PropertyGrid 实际上确实在底层使用了一个普通的 Ext.data.Store 来存储其数据，但典型的存储方法和事件并未公开。因此，您要么必须使用 getSource()，要么开始进行一些主要的覆盖。