Как настроить Ext.List, запущенный из поля выбора в Sencha Touch?

Question

В Sencha Touch 2 у меня есть формпанель с полем выбора, чтобы выбрать из большого магазина моделей. Я могу выбрать между Ext.Picker или Ext.List в качестве компонента выбора, установив свойство usePicker в поле выбора. Но как мне настроить Ext.List?

Я попытался установить defaultPhonePickerConfig и defaultTabletPickerConfig, но это, похоже, не работает. В частности, я хочу установить { grouped: true, indexBar: true }, чтобы помочь моим пользователям перемещаться по длинному списку параметров. Я использовал отладчик JavaScript для отслеживания метода showPicker() и убедился, что в экземпляре Ext.List эти два свойства установлены в его свойстве config. Но наложение списка по-прежнему не показывает заголовки группы или индексную полосу. Есть идеи, что я могу делать не так?

Answer 1

Решение состоит в том, чтобы отложить настройку до тех пор, пока компонент панели не будет окрашен:

usePicker: false,
defaultTabletPickerConfig: {
    listeners: {
        painted: function(panel) {
            var list = panel.down('list');
            list.setGrouped(true);
            list.setIndexBar(true);
        }
    }
}

Это глупо.