How to disable an option in Ext.field.Select?

[axeff]

Hi there,

I have the following construct to create a select:

Ext.create('Ext.field.Select',
{
    renderTo: Ext.get("displaySizes"),
    xtype: 'selectfield',
    label: item.label,
    options: [
        {
            disabled: true //<- does not work
            text: "36"
            value: "1235"
        },
        {
            disabled: false
            text: "40"
            value: "1234"
        }


    ]
}

where I want to disable some options to show the user that they are there, but are not selectable.

Just as it would work using html:

<select>
  <option value="1235" disabled="disabled">36</option>
  <option value="1234">40</option>
</select>

Anyone able to help me out?

Thx

[mitchellsimoens]

You would need to add some select listeners to the list or slots with order before and return false. You would also have to style an option that is disabled.

[usman.afzal]

Hidden:True

[axeff]

Hidden:True

Was that a question? There is no such property. And if there was, than it would hide the item and not show, but disable it. I still want the user to see the disabled values.