Ext 객체지향 개발실습(계속)_YUI.Ext 관련

데이터 테이블의 데이터를 연산하기 위한 첫 번째 단계는 데이터 테이블의 데이터를 얻는 것입니다. 또한 데이터 테이블에서 데이터를 읽어오기 위해 이전 글에서 Store를 생성하는 방법도 약간 조정했습니다.

코드 복사 코드는 다음과 같습니다.

this.departmentStore = new Ext.data. JsonStore({
proxy: new Ext.data.HttpProxy({url: "http://localhost:8080/Test_EXT/DB/Department.php"}),
필드: ["department_code", "department_name ", "manager", "division_code"]
});

Department.php, SQL 데이터베이스에 연결하고, 데이터를 얻고, Ext 읽기를 준비하기 위해 데이터를 JSON 형식으로 변환하는 일을 담당합니다. .

코드 복사 코드는 다음과 같습니다.

require( 'JSON.php');
require('uai_Personal_Info.php');
$p = new uai_Personal_Info()
$result = $p->getDepartmentList(); = new Services_JSON ();
echo $json->encode($result);
한 가지 더 수정해야 할 사항은
onSubmitClick: function() {
if (this.url != "") {
this.form.submit({url: this.url, 성공: this.onSubmit,
waitTitle: "데이터 저장", waitMsg: "거래 프로세스 ... ..", 범위: this});
this.fireEvent("submit", this, this.form.getValues());
}
},

Submit 메소드는 일련의 매개변수를 전달해야 합니다.
url: 데이터 처리의 URL 주소입니다. 여기에 전달되는 것은 새로운 작업을 처리하는 URL입니다.
success: 제출된 데이터가 처리되는 경우. 성공적으로 이 매개변수에 지정된 매개변수가 콜백됩니다.
waitTitle: 데이터 제출 시 나타나는 대화 상자의 제목
waitMsg: 데이터가 제출될 때 나타나는 대화 상자의 정보 내용 제출됨
범위: 콜백 함수에서 이것이 가리키는 객체

여기서 필수 설명은 데이터를 처리하는 PHP 파일에 "success."가 포함된 경우 JSON 문자열을 반환해야 한다는 것입니다. : true"는 처리가 이루어졌거나, 그렇지 않으면 처리가 실패한 것으로 간주됨을 의미합니다. 예를 들어 다음 코드

코드 복사 코드는 다음과 같습니다.

< ?php
require('JSON.php');
require('uai_Personal_Info.php')
$rs = $_POST; $rs["success"] = true; 성공적인 처리를 나타냅니다
$sql = "INSERT INTO uai_department(department_code, Department_name, Manager, Division_code) VALUES('" .
$_POST["department_code"] . "', '" . $_POST["department_name" ] . "', ' " . "', '" . "')"
$p = new uai_Personal_Info(); rs["r"] = $p->insert_department($sql);
$json = new Services_JSON()
echo $json->encode($rs);

삭제 처리는 추가 및 수정과 약간 다릅니다. 삭제에는 데이터 작업을 위한 팝업 형식이 필요하지 않기 때문에 대신 Ext.Ajax 객체를 사용합니다

코드 복사

코드는 다음과 같습니다. remove: function() { var r = this.getActiveRecord( ); Ext.Ajax.request({url : "http://localhost:8080/Test_EXT/DB/delete_dept.php", params: {department_code: r.get("department_code")}})

this.getStore().remove(r); //클라이언트 데이터 삭제

},