javascript - Ext JS でコンボボックスのアイテムを無効にする方法は?

Question

Ext JS のコンボボックスで特定の項目を無効にするにはどうすればよいですか?

たとえば、私はこれらのレコードを持っています

row_1_type_1
row_2_type_2
row_3_type_3

3行目を無効にしたい、つまり、ラベルとしてコンボにとどまる必要がありますが、グレー表示され、クリックできなくなります。

Answer 1

で次のようなことを試すことができますlistConfig：

myItems: [
    { name: 'row_1_type_1',  disabled: false},
    { name: 'row_2_type_2',  disabled: false},
    { name: 'row_3_type_3',  disabled: true }
]

listConfig: {
    getInnerTpl: function(displayField) {
        return Ext.create('Ext.XTemplate',
            '<ul><li role="option"',
            '<tpl for=".">',
            '<tpl if="disabled == true">',
                'class="x-disabled-item"',
            '<tpl else>',
                'class="x-custom-item"',
            '</tpl>',
            '>{#} - {name}</li></ul>'
        );
    }
}

//CSS
.x-disabled-item
{
}

.x-custom-item
{
}

テンプレートの詳細については、ドキュメントを参照してください。