2012-11-01 3 views
2

Extjs 및 Java 스크립트를 처음 사용합니다. 3 개의 텍스트 필드가있는 간단한 양식이 있습니다. 제출시 다음 페이지 (결과 페이지)로 이동하고 싶습니다. 제출 버튼을 클릭하면 경고 1이 표시되지만 경고 2와 3은 표시되지 않습니다. 응답이 다시 발생하지만 결과 페이지가로드되지 않습니다. 여기서 내가 뭘 잘못하고 있는데, 어떻게 다음 페이지를로드 할 수 있습니까? 어떤 도움을 주시면 감사하겠습니다.ExtJs 4 양식 제출 문제

Ext.require([ 
    'Ext.form.*' 
]); 

Ext.onReady(function() { 

    var formPanel = Ext.create('Ext.form.Panel', { 
     frame: true, 
     title: 'New Todo', 
     width: 340, 
     bodyPadding: 5, 
    url: 'result.html', 
    ajaxSubmit:false, 
     fieldDefaults: { 
     labelAlign: 'left', 
     labelWidth: 90, 
     anchor: '100%' 
    }, 

    items: [{ 
     xtype: 'textfield', 
     name: 'id22', 
     fieldLabel: 'id22', 
     value: '' 
    },{ 
     xtype: 'textfield', 
     name: 'Summary', 
     fieldLabel: 'Summary', 
     value: '' 
    }, { 
     xtype: 'textareafield', 
     name: 'Description', 
     fieldLabel: 'Description', 
     value: '' 
    }], 

    // Reset and Submit buttons 
buttons: [{ 
    text: 'Submit', 
    formBind: true, //only enabled once the form is valid 
    disabled: true, 
    handler: function() { 
     var form = this.up('form').getForm(); 
     alert("1"); 
     form.submit({ 
        //clientValidation: true, 
        url: 'result.html', 
        success: function(form, action) { 
         alert("2"); 
        }, 
        failure: function(form, action) { 
         alert("3"); 
        } 
       }); 

    } 

}], 


}); 

formPanel.render('form-todo'); 

});

+0

아래의 답변이 도움이 되었습니까? – dbrin

답변

2

'ajaxSubmit'설정 옵션을 어디에서 가져 왔는지 모르겠지만 문서에 따라 standardSubmit 옵션이 필요합니다.

+1

표준 제출 옵션이 적용되었습니다. dbrin, 정말 고맙습니다. 저는 일주일이 지난 후 non-ajax에 대한 예제를 찾고 있었고 Sencha 나 다른 Extjs 포럼에서 그러한 일반적인 시나리오에 관한 최소한의 정보를 보는 것에 매우 놀랐습니다. 다시 한 번 감사드립니다. Preeti – Preeti

+1

당신은 오신 것을 환영합니다. 응답을 승인 된 것으로 표시하고 위쪽 화살표를 클릭하여 유용하다고 표시하는 것을 잊지 마십시오. – dbrin