2011-10-10 99 views
1

我有一個應用程序,我在使用選項控件。現在我不知道如何在使用sencha touch的選項控件中更改選項時如何處理事件。以下是其中包含選項的代碼。任何幫助,高度讚賞。如何處理sencha觸摸中的選項控制監聽器

Ext.regModel('Contact', { 
    fields: ['firstName', 'lastName'] 
}); 

var store1 = new Ext.data.JsonStore({ 
    model : 'Contact', 
    autoLoad : true, 
      autoDestroy : true, 
    data: [ 
     {firstName: 'Tommy', lastName: 'Maintz'}, 
     {firstName: 'Rob',  lastName: 'Dougan'}, 
     {firstName: 'Ed',  lastName: 'Spencer'},   
     {firstName: 'Abraham', lastName: 'Elias'}, 
     {firstName: 'Jay',  lastName: 'Robinson'} 
    ] 
}); 

new Ext.Application({ 
    launch: function() { 
     var panel = new Ext.Panel({ 
      fullscreen: true, 
      id:'thePanel', 
      layout: 'auto', 
      style: 'background-color:darkblue', 
      scroll:'vertical' 
     }); 
//do this in your dynamically called function 
    var list = new Ext.List({ 
     id :'theList', 
     itemTpl : '{firstName} {lastName}', 
     store: store1, 
     width: '100%', 
     scroll:false 
    }); 

var stateList = new Ext.form.Select({ 
    label : 'State', 
    name: 'state', 
    widht: '100%', 
    options: [ 
     {text: 'First Option', value: 'first'}, 
     {text: 'Second Option', value: 'second'}, 
     {text: 'Third Option', value: 'third'} 
    ], 
    autoLoad : true, 
    autoDestroy : true 
}); 

    panel.items.add(list); 
    panel.items.add(stateList); 
    panel.doLayout();    
    } 
}); 

回答

1
var stateList = new Ext.form.Select({ 
label : 'State', 
name: 'state', 
widht: '100%', 
options: [ 
    {text: 'First Option', value: 'first'}, 
    {text: 'Second Option', value: 'second'}, 
    {text: 'Third Option', value: 'third'} 
], 
autoLoad : true, 
listeners: { 
    change:function(field,value){ 
     console.log(field+' '+value); 
    } 
}, 

}); 

你需要改變它像這樣

+0

@llya ..我明白autoDestroy:真正造成這個問題..多謝哥們。 –

+0

@llya ..還有一件事..看看我們何時添加UI控件它需要100%的寬度..我們如何顯示類似iPhone風格的東西。顯示矩形的白色背景,中心分配我可以放置所有我的比賽。類似於http://homecontrolsblog.files.wordpress.com/2008/11/wl3iphone3.jpg –

0
var stateList = new Ext.form.Select({ 
label : 'State', 
name: 'state', 
widht: '100%', 
options: [ 
    {text: 'First Option', value: 'first'}, 
    {text: 'Second Option', value: 'second'}, 
    {text: 'Third Option', value: 'third'} 
], 
autoLoad : true, 
autoDestroy : true, 
listeners= { 
    blur: function(selectField, e) { 
      console.log(selectField.getValue()); 
    } 
} 

}); 
+0

這段代碼沒有任何影響。它不是打印日誌中的任何東西 –