javascript - 可编辑网格中的 ComboxBox

Question

我是 ExtJS 的新手，现在我正在制作一个带有组合框的可编辑网格。我在从组合框中显示我选择的数据时遇到问题。愿有人帮助我。下面提供了屏幕截图。

提供链接.. :))

我的组合框代码...

数据：

    var farms = new Ext.data.ArrayStore({
    fields: ['id', 'farms'],
    data : [                                         
            ['1', 'DVZ'],
            ['2', 'SSK'],
            ['3', 'LNA'],
            ['4', 'NSK']
           ]
     });

组合框..

 header   : 'Location',
          width    : 130,
          fixed    : true,
          hideable : false,
          dataIndex: 'farms',
          editor   : {xtype:'combo', 
                      store: farms,
                             displayField:'farms',
                             valueField: 'id',
                             queryMode: 'local',
                            typeAhead: true,
                            triggerAction: 'all',
                            lazyRender: true,
                            emptyText: 'Select location...',
                            autoload: true

          }

Answer 1

可能是您在网格配置中的 dataindex 值，与您在组合框配置中的值字段不同，例如，在“责任”字段中查看此配置

columns: [
     { header: 'ID', dataIndex: 'id', width: 50, hidden: true, sortable: true },
     {header: 'Responsible',
            width: 175,
            sortable: true,
            renderer: title_respU_D1,
            dataIndex: 'resp_user_name'
            ,editor: new Ext.form.ComboBox({
                   typeAhead: true,
                   triggerAction: 'all',
                   store: app_responsibleStore,
                   mode: 'remote',
                   valueField: 'resp_user_name',
                   displayField: 'resp_user_name',
                   listClass: 'x-combo-list-small'
        })
     }

]

Answer 2

您可能在网格面板中项目的编辑器配置中缺少一些“配置”。

我希望你可能会错过 typeAhead 配置。

请参考下面的煎茶示例链接

http://docs.sencha.com/extjs/4.0.7/extjs-build/examples/grid/cell-editing.html

谢谢。