Question

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

我的组合框代码......

数据：

    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值，与你在combobox配置中的值字段不一样例如，在“Responsible”字段

上查看此配置

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配置。

请参考sencha示例的以下链接

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

感谢。

可编辑网格中的ComboBox

2 个答案: