Sencha Touch - Come implementare optgroup

Question

C'è un modo per separare le opzioni di un elenco di selezione Sencha Touch simile all'utilizzo di optgroups? Ho delle opzioni che devono apparire come se fossero raggruppate in alcuni titoli diversi. Nel regolare markup HTML che sarebbe simile:

<select> 
    <optgroup label="First Group"> 
    <option value="A">OptionA</option> 
    <option value="B">OptionA</option> 
    <option value="C">OptionA</option> 
    </optgroup> 
    <optgroup label="Second Group"> 
    <option value="D">OptionA</option> 
    <option value="E">OptionA</option> 
    <option value="F">OptionA</option> 
    </optgroup> 
</select> 

Grazie per il vostro tempo in anticipo!

Answer 1

Non c'è alcun modo per farlo fuori dalla scatola, tuttavia un campo di selezione è costruito ed estende il vero componente Elenco che ha funzionalità di raggruppamento/intestazione. È possibile forzare un campo di selezione per utilizzare lo stile di sovrapposizione elenco (Ext.List) anziché lo stile di selezione agganciata (Ext.picker.Picker) impostando usePicker su false. È anche possibile impostare la configurazione defaultTabletPickerConfig e fornire un oggetto con una proprietà items. Negli elementi si imposta un singolo elemento con un xtype di lista e si impara a impostare qualsiasi configurazione di componente di lista desiderata (incluso il proprio gruppo/le intestazioni).

Date un'occhiata a documentation per queste proprietà in Ext.field.Select.