sencha-touch-2 - Sencha Touch 如何在 Picker 中显示 store 中的值？

Question

我需要在选择器中添加我的商店价值。在煎茶可以吗？如果有人知道答案，请帮助我。提前致谢。

Answer 1

var picker = Ext.create('Ext.Picker', {
slots: [
    {
        name : 'limit_speed',
        title: 'Speed',
        data : [
            {text: '50 KB/s', value: 50},
            {text: '100 KB/s', value: 100},
            {text: '200 KB/s', value: 200},
            {text: '300 KB/s', value: 300}
        ]
    }
]
});
Ext.Viewport.add(picker);
picker.show();

您可以用存储替换数据，阅读下面链接中提供的文档。

具有几个关键值的插槽配置：

name：插槽的名称（在 Ext.picker.Picker 中使用 getValues 时将成为键）。

title：此插槽的标题（如果 useTitles 设置为 true）。

数据/存储：用于此插槽的数据或存储。

http://docs.sencha.com/touch/2.2.0/#!/api/Ext.picker.Picker

从商店设置槽数据：

slots : [{
     store:null,
     name:'picker'
}]

Answer 2

这有点旧，但它可能会对某人有所帮助。

您可以在初始化函数中调用 setStore() 方法，然后您需要将选取器插槽上的 valueField 属性设置为您想要从存储中获取的值。

带有插槽并初始化的选择器示例：

Ext.define('MyApp.view.JobPicker', {
extend: 'Ext.picker.Picker',
alias: 'widget.jobpicker',

config: {
    zIndex: 10,
    useTitles: true,
    doneButton: {
        action: 'donePreviousJobPicker'
    },
    cancelButton: {
        action: 'cancel'
    },
    slots: [
        {
            xtype: 'pickerslot',
            itemTpl: [
                '{jobName}'
            ],
            align: 'center',
            name: 'JobSlot',
            title: 'Select Previous Job',
            valueField: 'indexID'
        }
    ]
},

initialize: function() {
    this.callParent();

    var jobs = Ext.getStore("JobsPickerStore");
    jobs.clearFilter(true);
    this.query('pickerslot[name=JobSlot]')[0].setStore(jobs);
}

});