Sencha Touch如何在Picker中显示商店中的值？

Question

我需要在picker中添加我的商店价值。 Sencha有可能吗？如果有人知道答案，请帮助我。提前致谢。

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(); 

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

槽配置有几个关键值：

名：槽的名称（在此使用Ext.picker.Picker时的GetValues将是键）。

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

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

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); 
} 

}）;