5

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>

よろしくお願いします!

4

1 に答える 1

3

箱から出してこれを行う方法はありませんが、selectfieldが構築され、グループ化/ヘッダー機能を備えた真のリストコンポーネントを拡張します。usePickerをfalseに設定することにより、ドッキングされたスピナースタイル(Ext.picker.Picker)の代わりにリストオーバーレイスタイル(Ext.List)を使用するように選択フィールドを強制できます。defaultTabletPickerConfig構成を設定し、オブジェクトにitemsプロパティを提供することもできます。アイテムで、リストのxtypeを使用して単一のアイテムを設定し、必要なリストコンポーネント構成(グループ化/ヘッダーを含む)を設定します。

Ext.field.Selectの下にあるこれらのプロパティのドキュメントをご覧ください。

于 2013-03-21T03:22:25.000 に答える