2013-03-19 4 views
5

Czy istnieje sposób na oddzielenie opcji listy wyboru Touch Touch Touch podobnej do korzystania z optgroups? Mam opcje, które muszą wyglądać tak, jakby były zgrupowane pod kilkoma różnymi nagłówkami. W regularnych znaczników HTML to wyglądać mniej więcej tak:Sencha Touch - Jak zaimplementować grupę dyskusyjną

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

Dziękuję za poświęcony czas z góry!

+0

+1 miłe pytanie! – 1Mayur

+1

musisz stworzyć xtemplate dla niego pod konfiguracją "tpl", natknąłem się na tpl ale jego dla ExtJs i nie działa w ST2 .. m próbuje dowiedzieć się, co można zrobić – 1Mayur

+0

Czy możesz udostępnić kod/skrzypce, aby pokazać, jak zaimplementowałeś sugestię @OhmzTech? – ThinkFloyd

Odpowiedz

3

Nie można tego zrobić po wyjęciu z pudełka, jednak pole wyboru jest wbudowane i rozszerza prawdziwy składnik listy, który ma funkcje grupowania/nagłówków. Możesz zmusić pole wyboru do użycia stylu nakładki listy (Ext.List) zamiast zadokowanego stylu pokrętła (Ext.picker.Picker), ustawiając usePicker na false. Możesz także ustawić domyślną konfiguracjęTabletPickerConfig i nadać obiektowi właściwość items. W elementach należy ustawić pojedynczy element z typem Xty listy, a także ustawić dowolną konfigurację komponentu listy (w tym grupowanie/nagłówki).

Spójrz na documentation dla tych właściwości w polu Ext.field.Select.

+0

Perfect - dziękuję bardzo za pomoc. –