0

我在我的 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'

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

4

3 回答 3

1

同样的问题总是一次又一次地出现。这里的重点是您需要一种允许用户选择nothing的方法,但是他们选择了空白选项,它不是什么都不是,而是一个有效的选项。

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

在此处输入图像描述

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

并检查 jsfiddle 中的示例。

于 2012-12-27T15:04:58.663 回答
0

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

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

希望有帮助。

于 2012-12-27T14:48:53.633 回答
0

我还找到了一个总是显示空文本的答案:“选择组”,即使在单项输入的情况下也是如此。只需要放

forceSelection: true; 
于 2012-12-28T07:20:14.750 回答