如何在Sencha Touch中配置从选择字段启动的Ext.List？

Question

在Sencha Touch 2中，我有一个具有选择字段的表单面板，可以从大量模型中进行选择。通过设置选择域的usePicker属性，我可以选择Ext.Picker或Ext.List作为选择器组件。但是，如何配置Ext.List呢？

我尝试设置defaultPhonePickerConfig和defaultTabletPickerConfig，但似乎不起作用。具体地说，我希望设置{ grouped: true，indexBar: true }来帮助我的用户浏览长长的选项列表。我使用JavaScript调试器跟踪showPicker()方法，并验证了实例化的Ext.List在其配置属性中设置了这两个属性。但是列表覆盖仍然不会显示组标题或索引栏。你知道我会做错什么吗？

Answer 1

解决方案是将配置推迟到面板组件绘制完成之后：

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

这太愚蠢了。