javascript - 使用自定义商店时如何使网格列可编辑

Question

我希望能够内联编辑网格列，因为它显示在 AppSDK 文档 https://developer.help.rallydev.com/apps/2.0rc1/doc/#!/example/Grid中的一个简单网格示例中， 但它看起来如果使用自定义商店，则默认情况下此功能不可用：

_createGrid: function(stories) {
     this.add({
        xtype: 'rallygrid',
        store: Ext.create('Rally.data.custom.Store', {
            data: stories,
            pageSize: 100
        }),
        columnCfgs: [
            {
               text: 'Formatted ID', dataIndex: 'FormattedID', xtype: 'templatecolumn',
                tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
            },
            {
                text: 'Name', dataIndex: 'Name'
            },
            //other columns...
        ]
    });
}

在我的应用程序中，当我单击名称时，该字段不会像在简单网格示例中那样变得可编辑。

Answer 1

代码可以修改如下以添加内联编辑功能：将编辑器设置为“名称”列的“文本字段”，将网格的 selType 设置为“单元模型”，并实例化 CellEditing 插件。

_createGrid: function(stories) {
         this.add({
            xtype: 'rallygrid',
            store: Ext.create('Rally.data.custom.Store', {
                data: stories,
                pageSize: 100
            }),
            columnCfgs: [
                {
                   text: 'Formatted ID', dataIndex: 'FormattedID', xtype: 'templatecolumn',
                    tpl: Ext.create('Rally.ui.renderer.template.FormattedIDTemplate')
                },
                {
                    text: 'Name', dataIndex: 'Name', editor: 'textfield'
                }
        //other columns...
            ],
            selType: 'cellmodel',
            plugins: [
                Ext.create('Ext.grid.plugin.CellEditing', {
                clicksToEdit: 1
                })
            ]

        });
    }

请在此处查看有关 Ext.grid.plugin.CellEditing 的文档