Sencha Touch 2表格

Question

我有一個彈出式窗口，裏面有一個表格文本字段。我如何訪問文本字段？這是我的嘗試：

function foo(){ 
    bar = Ext.Viewport.add({ 
    xtype: 'panel', 
    scrollable: true, 
    centered: true, 
    width: 400, 
    height: 300, 
    items:[{ 
      xtype: 'textfield', 
      name: 'name', 
      label: 'Name' 
     }, { 
      docked: 'bottom', 
      xtype: 'titlebar', 
      items:[{ 
        xtype: 'button', 
        ui: 'normal', 
        text: 'Send', 
        go: 'testsecond', 
        handler:function(){ 
         alert(bar.getValues().name); 
        } 
      }] 
     }] 
    }); 
} 

Answer 1

沒有。你不需要這樣做。設置xtype:'panel'將阻止您使用form.getValues()方法訪問表單值。

取而代之，請按照以下方法進行。

給你的面板xtype爲formpanel。

見下面這樣：

bar = Ext.Viewport.add({ 
    xtype: 'formpanel', 
    scrollable: true, 
    centered: true, 
    width: 400, 
    height: 300, 
    items:[{ 
      xtype: 'textfield', 
      name: 'name', 
      label: 'Name' 
     }, { 
      docked: 'bottom', 
      xtype: 'titlebar', 
      items:[{ 
        xtype: 'button', 
        ui: 'normal', 
        text: 'Send', 
        go: 'testsecond', 
        handler:function(){ 
         Ext.Msg.alert("Name: "+bar.getValues().name); 
        } 
      }] 
     }] 
    }); 

你的輸出應該是：