extJS Combobox自动完成功能无法正常工作

Question

我有自定义组合框，自动完成功能不起作用。它始终显示商店的所有结果

Ext.define('PMTool.view.calendar.ComboBox', {
        extend: 'Ext.form.ComboBox',
        alias: 'widget.calendar.combobox',
        store: 'Projects',
        queryMode: 'local',
        tpl: Ext.create('Ext.XTemplate',
        '<tpl for=".">',
            '<div class="x-boundlist-item">',
                                '<font color={projectColor}>{projectInitials}</font> {projectName}',
                        '</div>',
        '</tpl>'
    ),
        displayTpl: Ext.create('Ext.XTemplate',
                '<tpl  if="projectInitials.length != 0" for=".">',
                        '{projectInitials} {projectName}',
                '</tpl>',
                '<tpl else for=".">',
                        '',
                '</tpl>'
        )
});

Answer 1

即使使用自定义模板，您仍然需要displayField才能使用组合查询。您可能还想设置valueField：

Ext.define('PMTool.view.calendar.ComboBox', {
    // ...
    displayField: 'projectName',
    valueField: 'id'
});