Sencha Touch - 如何實施optgroup

Question

有沒有類似於使用optgroups分開Sencha Touch選擇列表選項的方法？我有些需要顯示的選項，就像它們被分組在幾個不同的標題下一樣。在常規的HTML標記中，它看起來像這樣：

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

感謝您提前的時間！

Answer 1

沒有任何方法可以做到這一點，但是selectfield是建立在並且擴展了具有分組/標題功能的真正的List組件。您可以通過將usePicker設置爲false來強制選擇字段使用列表重疊樣式（Ext.List）而不是停靠的微調器樣式（Ext.picker.Picker）。您還可以設置defaultTabletPickerConfig配置，併爲對象提供items屬性。在項目設置一個xtype列表的單個項目，並瘋狂設置你想要的任何列表組件配置（包括你的分組/標題）。

在Ext.field.Select下查看documentation的這些屬性。