Sencha touch 如何处理sencha touch中选项控制的侦听器

我有一个使用选项控件的应用程序。现在我不知道如何处理使用sencha touch在选项控制中更改选项时的事件。下面是有选项的代码。非常感谢您的帮助

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

你需要像这样改变它

---

您需要这样更改它

这段代码无效。它没有在日志中打印任何内容。这段代码无效。它没有打印任何内容logs@llya.. 我理解自动销毁：是真的导致了问题。。非常感谢，伙计。@llya。。还有一件事。。请参见，当我们添加ui控件时，其宽度为100%。。我们如何展示类似iPhone风格的东西。显示矩形白色背景，中心指定，我可以放置我的所有组件。类似于@llya的东西。。我理解自动销毁：是真的导致了问题。。非常感谢，伙计。@llya。。还有一件事。。请参见，当我们添加ui控件时，其宽度为100%。。我们如何展示类似iPhone风格的东西。显示矩形白色背景，中心指定，我可以放置我的所有组件。类似于

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

});

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

});