在extjs的下拉列表中显示空白记录

Question

我的extjs应用程序中的下拉列表，其中数据通过Json加载。如果只有一条记录，则默认情况下会显示单条记录。而不是这个我希望用户点击下拉列表并选择该记录。所以默认情况下用户可以看到空文本。

这是我的代码。

 Ext.create('Ext.panel.Panel', {
                itemId:'dsUnitPanel',
                border:0,
                items:[UnitGrid,{
                xtype:'combobox',
                tpl: '<tpl for="."><div class="x-boundlist-item" >{name} [{freeSize} GB Free] </div></tpl>',
                style:'margin:10px;',
                fieldLabel: 'Group(*)',
                editable:false,
                bodyStyle:'padding-left:10px;',
                store: dsGroupStore,
                valueField:'name',
                displayField:'name',
                multiSelect: false,
                name: 'txtMode',
                id:'dsGroupId',
                queryMode: 'local',
                triggerAction: 'all',
                emptyText:'Select Group'

我想在默认情况下始终显示空文本，以便用户可以单击并选择单个值。

Answer 1

同样的问题总是一次又一次地回来。这里的要点是您需要一种方法来允许用户选择无，但是他们选择的空白选项不是无，而是选择有效选项。

我强烈建议避免这种情况。如果您需要提供取消选择组合的方法，可以使用触发器。

请查看以下问题的答案： Extjs4 add an empty option in a combobox

并查看jsfiddle中的示例。

Answer 2

在您的商店中，添加一条空记录，如下所示：

dsgroupStore.add( { name: '' } );

希望有所帮助。

Answer 3

我还找到了一个总是显示空文本的答案：“选择组”，即使是单次输入。只需要把

forceSelection: true;