在sencha touch中選擇選項不適用於android

Question

我有一個應用程序，其中我使用sencha touch JS API進行UI呈現。 UI在Chrome瀏覽器中正常工作，但不適用於Android或iPhone設備。

我已經使用了下面的代碼。

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

它給等作爲示出的圖像中的UI。但是選擇控件不適用於（不填充狀態列表）。請幫幫我。

Answer 1

每個表單字段都需要有一個名稱屬性，即在提交表單時要發送的參數的名稱。像這樣更新你的stateList對象：

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

}）;