2013-05-08 36 views
0

我需要在picker中添加我的商店價值。 Sencha有可能嗎?如果有人知道答案,請幫助我。提前致謝。Sencha Touch如何在Picker中顯示商店中的值?

+0

你能澄清嗎? – 2013-05-08 10:34:17

+0

我有我的商店中的值列表。我需要在Ext.Picker中顯示這個值。可能嗎? – Thiru 2013-05-08 10:36:51

+0

朋友請在投票前仔細閱讀問題。 – Thiru 2013-08-19 12:59:46

回答

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' 
}] 
+0

我想我已經在我的問題中明確提到,我需要一些步驟才能從商店獲取值。不是靜態數據。 (沒有硬編碼值。) – Thiru 2013-08-19 12:56:54

+1

看到我的答案,我已經添加了一個小例子。用您的商店替換空值。有關setStore方法,請參閱:http://docs.sencha.com/touch/2.2.0/#!/api/Ext.picker.Slot。 – nytrm 2013-08-19 14:35:28

+0

感謝您的更新 – Thiru 2013-08-20 05:33:12

0

這是一個有點老,但它可能會幫助別人。

您可以在初始化函數中調用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); 
} 

});

相關問題