From Learn About the Ext JavaScript Library

Ext.form.BasicForm과 Ext.form.Form 액션은 서버의 응답에서 정확한 파라미터를 받기 위해서 기대한다.

Contents 1 Load Action 1.1 JSON 2 Submit Action 2.1 JSON 2.2 XML

Load Action

JSON

매우 간단한 JSON 결과를 JsonReader로 활용하지 않는다면 이것 처럼 보일 것입니다.

{
	"success": true,
	"data": {
		"field_id_1": "Field 1 Value",
		"field_id_2": "Field 2 Value"
	}
}

Submit Action

JSON

만약 JsonReader는 사용되지 않으면 폼 전송에 대한 서버 응답은 다음과 같은 포맷이 됩니다.

{
	"success": false,
	"errors": {
		"field_id_1": "Field 1 Error Message",
		"field_id_2": "Field 2 Error Message"
	}
}

or

{
	"success": false,
	"errors": [
		{ "id": "field_id_1", "msg": "Field 1 Error Message" },
		{ "id": "field_id_2", "msg": "Field 2 Error Message" }
	]
}

"success"는 boolean 값입니다.

true이면 Form의 actioncomplete 이벤트와 success 콜백 옵션이 Form의 submit 호출로 인해 동작할 것입니다.

False 이면 Form의 "actionfailed" 이벤트와 "failure" 콜백 옵션이 Form의 submit 호출로 인해 동작할 것입니다.

만약 "errors"이 배열이면 Ext는 전달된 필드의 유효하지 않는 값으로 마킹하고 에러 메시지를 표시 될 것입니다.

메시지 방식은 Ext.form.Field의 msgTarget config 속성에 의존하여 표시됩니다.(혹은 파생 클래스). 만약 여러분이 에러 표시를 위해 툴팁을 원한다면 QuickTips를 사용하면 됩니다.

Ext.QuickTips.init();
Ext.QuickTips.enable();

XML

<response success="false">
 <errors>
  <field>
   <id>first</id>
    <msg>Invalid name. <br /><i>This is a test validation message from the server </i>   </msg>
   </field>
   <field>
    <id>dob</id>
    <msg>Invalid Date of Birth. <br /><i>This is a test validation message from the server</i></msg>
   </field>
 </errors>
</response>