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

}）;