Ext.form.Panel有沒有方法「getEl」

Question

當我執行下面的代碼，我可以看到我的鉻異常記錄，如：

Uncaught TypeError: Object [object Object] has no method 'getEl'

var search = new Ext.form.Panel({ 
    renderTo: 'pan', 
    title: 'Basic Panel', 
    collapsible:true, 
    width: 400, 
    defaults: {width: 230}, 
    defaultType: 'textfield', 
    bodyPadding: 10, 
    //layout: 'form', 
    frame:true, 
    items: [{ 
      fieldLabel: 'Username', 
      name: 'username', 
      id: 'username', 
      allowBlank:false 
     }, 
     { 
      fieldLabel: 'Password', 
      name: 'password', 
      inputType:'password', 
      allowBlank:false 
     }, 

     { 
      fieldLabel: 'First Name', 
      name: 'firstname', 
      inputType:'text', 
      allowBlank:false 
     }, 
     { 
      fieldLabel: 'Last Name', 
      name: 'lastname', 
      inputType:'text', 
      allowBlank:false 
     }, 
     { 
      fieldLabel: 'E-Mail Address', 
      name: 'email', 
      vtype:'email', 

      allowBlank:false 
     }, 

     { 
      fieldLabel: 'State', 
      name: 'state', 
      allowBlank:false 
     }, 
     { 
      fieldLabel: 'City', 
      name: 'city', 
      allowBlank:false 
     }, 
     { 
      fieldLabel: 'Country', 
      name: 'country', 
      allowBlank:false 
     }, 
     { 
      inputType: 'hidden', 
      id: 'submitbutton', 
      name: 'myhiddenbutton', 
      value: 'hiddenvalue' 
     } 

    ], 
    buttons: [{ 
     text: 'Submit', 
     handler: function() { 
      search.getForm().getEl().dom.action = 'FormServlet'; 
      search.getForm().getEl().dom.method = 'POST'; 
      search.getForm().submit(); 
     } 
    }] 

我已經在網絡中定義該servlet包含名稱，類和網址的.xml文件。

請讓我知道如何解決此問題。

Regards，

Answer 1

不要那麼複雜。我猜ExtJS會覆蓋你的設置，或者根本沒有使用它們，因爲你沒有使用合適的配置屬性來設置它。

這裏有兩個

• method
• url

這裏的API鏈接是你的演示代碼擴展了這些

var search = new Ext.form.Panel({ 
    renderTo: 'pan', 
    title: 'Basic Panel', 
    collapsible:true, 
    width: 400, 
    defaults: {width: 230}, 
    defaultType: 'textfield', 
    bodyPadding: 10, 
    url: 'FormServlet', // you can fix a parameter like this : FormServlet?action=create 
    action: 'POST', 
    frame:true, 
    items: [ 
     //.... 
    ], 
    buttons: [{ 
     text: 'Submit', 
     handler: function() { 
      search.getForm().submit(); 
     } 
    }] 

或者這樣做更靈活

var search = new Ext.form.Panel({ 
    renderTo: 'pan', 
    title: 'Basic Panel', 
    collapsible:true, 
    width: 400, 
    defaults: {width: 230}, 
    defaultType: 'textfield', 
    bodyPadding: 10, 
    url: 'FormServlet', 
    action: 'POST', 
    frame:true, 
    items: [ 
     //.... 
    ], 
    buttons: [{ 
     text: 'Submit', 
     handler: function() { 
      Ext.Ajax.request({ 
       url : 'FormServlet', 
       method:'POST', 
       params : { 
        yourParam: Ext.encode(form.getValues()) 
       }, 
       scope : this, 
       //method to call when the request is successful 
       success : this.onLoginSuccess, 
       //method to call when the request is a failure 
       failure : this.onLoginFailure 
      }); 
     } 
    }]