Sencha Touch - So implementieren Sie optgroup

Question

Gibt es eine Möglichkeit, die Optionen einer Sencha Touch-Auswahlliste zu trennen, ähnlich wie bei optgroups? Ich habe Optionen, die aussehen müssen, als ob sie unter ein paar verschiedenen Überschriften gruppiert wären. In regulärem HTML-Markup würde es ungefähr so ​​aussehen:

<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> 

Vielen Dank für Ihre Zeit im Voraus!

Answer 1

Es gibt keine Möglichkeit, dies out-of-the-box zu tun, aber ein selectfield ist aufgebaut und erweitert die wahre List-Komponente, die Gruppierung/Header-Funktionalität hat. Sie können erzwingen, dass ein Auswahlfeld anstelle des angedockten Spinner-Stils (Ext.picker.Picker) den Listenüberlagerungsstil (Ext.List) verwendet, indem Sie usePicker auf false festlegen. Sie können auch die standardTabletPickerConfig-Konfiguration festlegen und ein Objekt mit einer items-Eigenschaft versehen. In den Elementen richten Sie ein einzelnes Element mit einem X-Typ der Liste ein und richten die Konfiguration der gewünschten Listenkomponente ein (einschließlich Ihrer Gruppierung/Header).

Schauen Sie sich die documentation für diese Eigenschaften unter Ext.field.Select an.