2013-03-19 12 views
5

optgroupsのようなSencha Touchの選択リストのオプションを分ける方法はありますか?私はいくつかの異なる見出しの下にグループ化されているように表示する必要があるオプションがあります。事前にお時間をSencha Touch - optgroupを実装する方法

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

ありがとう:通常のHTMLマークアップでは、次のようになります!

+0

+1すてきな質問! – 1Mayur

+1

あなたは 'tpl'設定の下でxtemplateを作成する必要がありますが、私はtplに出くわしましたが、ExtJsに対してはST2で働いていませんでした。何ができるかを試してみてください – 1Mayur

+0

コード/ @OhmzTechの提案を実装しましたか? – ThinkFloyd

答えて

3

これを実行する方法はありませんが、選択フィールドはグループ化/ヘッダー機能を持つ真のリストコンポーネント上に構築され、拡張されています。 usePickerをfalseに設定すると、ドッキングされたスピナースタイル(Ext.picker.Picker)ではなく、選択フィールドにリストオーバーレイスタイル(Ext.List)を使用させることができます。 defaultTabletPickerConfig設定を設定し、itemsプロパティを持つオブジェクトを提供することもできます。項目では、xtypeのリストを持つ単一の項目を設定し、必要なリストコンポーネントの設定(グループ化/ヘッダーを含む)を設定します。

Ext.field.Selectのこれらのプロパティについてはdocumentationをご覧ください。

+0

パーフェクト - ありがとうございました。 –