如何将组合框留空,然后在Extjs中禁用时用颜色填充它

时间:2013-11-06 19:55:07

标签: extjs combobox

我有一个简单的请求..如何在禁用后将组合框留空?是否可以在不为空白选项添加值字段和显示字段的情况下执行此操作?

如果组合框被禁用并且空白后如何用特定颜色填充?

以下是我为组合框设置的内容....

  //PROTOCOL COMBO BOX!
var protocol_cbox = new Ext.form.ComboBox({
    typeAhead: true,
    triggerAction: 'all',
   // lazyRender: true ,
    mode: 'local',
    store: new Ext.data.ArrayStore({
       id: 0,
       fields: [
           'myId',
           'displayText'
       ],
       data: [[1, 'Ethernet'], [2, 'Serial']]
   }),
   valueField: 'myId',
   displayField: 'displayText',
});

再次..我想实现使这个组合框空白而没有在商店的数据字段中选择它。这可能吗?基本上当组合框启用时,我只想让下拉包含“以太网”和“串行”..当禁用时,只需要空白然后填充颜色。

谢谢你!

1 个答案:

答案 0 :(得分:0)

使用diabledCls设置样式,示例css选择器可以更改组合字段的颜色

.my-combo-disabled .x-form-field {
    background: none;
    background-color: red;
}

setValue与空字符串一起使用,同时禁用以使其为空。 这里示例:https://fiddle.sencha.com/#fiddle/1et