gridview - 连接 Extjs 存储中的两个字段

Question

嗨，我正在尝试在网格中插入一个新行，但其中的一列实际上是两个值的串联，我想做这样的事情:

    var scopename = newScopeRef.down('textfield[id=scope_name]').getValue();
    var prodname = newScopeRef.down('combobox[id=prd]').getRawValue();
    var relname = newScopeRef.down('combobox[id=p_rls]').getRawValue();


 var editscopegrid = newScopeRef.down('gridpanel[id=editedscope_grid]'); //my grid
    editscopegrid.getView().getStore().removeAll();
    editscopegrid.getView().getStore().add({
                       name_scope : scopename,
                       prodrel : concat(prodrel + ',' prodname + ' ' + relname)});  
    editscopegrid.getView().refresh();

如您所见，我想将网格的 prodrel 列的现有值与组合框 prodname 和 relname< 的值连接起来，用空格分隔。

我正在使用带有 MVC 架构的 Extjs 4.x，上面是面板上按钮“更新”的单击事件的处理程序。

请问我该怎么做？

Answer 1

如果您有显式模型定义，则可以添加带有 convert 函数的 prodrel 字段，并在其中进行串联。

Ext.define('MyModel', {
    extend : 'Ext.data.Model', 
    fields : [
        'name_scope',
        'prodname',
        'relname',
        {
            name    : 'prodrel', 
            convert : function (v, rec) {
               return rec.get('prodname') + ' ' + rec.get('relname');
            }
        }
    ]
}

然后您可以像这样向您的商店添加一个实例...

editscopegrid.getView().getStore().add({
                       name_scope : scopename,
                       prodname   : prodname,
                       relname    : relname});