Ext オブジェクト指向開発実践 (続き)_YUI.Ext 関連

データテーブルのデータを操作するには、まずデータテーブルのデータを取得します。また、前回の記事でストアを作成する方法を少し調整して、データテーブルからデータを読み込みます。

コードをコピー コードは次のとおりです:

this.DepartmentStore = new Ext.data。 JsonStore({
プロキシ: new Ext.data.HttpProxy({url: "http://localhost:8080/Test_EXT/DB/Department.php"}),
フィールド: ["部門コード", "部門名" ", " manager", "division_code"]
});

Department.php、SQL データベースへの接続、データの取得、Ext の読み取りの準備のための JSON 形式への変換を担当します。 。

コードをコピー コードは次のとおりです。

require( 'JSON.php');
$p = new uai_Personal_Info();
$p->getDepartmentList(); = new Services_JSON ();
echo $json->encode($result);
もう 1 つ変更する必要があるのは、
onSubmitClick: function() {
if (this.url != "") {
this.form.submit({url: this.url, success: this.onSubmit,
waitTitle: "データを保存", waitMsg: "トランザクション処理... ..", スコープ: this});
this.fireEvent("submit", this, this.form.getValues());
}
},


Submit メソッドは一連のパラメータを渡す必要があります:

url: データ処理の URL アドレス。ここで渡されるのは、新しい操作の処理を担当する URL です。
success: 送信されたデータが処理された場合。処理コード
waitTitle: データ送信時にポップアップするダイアログ ボックスのタイトル
waitMsg: データ送信時にポップアップするダイアログ ボックスの情報内容
スコープ: コールバック関数で this が指すオブジェクト

ここで説明されているのは、データを処理する PHP ファイルでは、「success」が含まれている場合は JSON 文字列が返される必要があるということです。 : true」の場合は処理が または であることを意味し、それ以外の場合は処理が失敗したものとみなされます。たとえば、次のコード

コードをコピーします コードは次のとおりです。

< ?php

require('JSON.php');
$rs = $_POST; //処理が成功したことを示します
$sql = "INSERT INTO uai_Department(部門コード, 部門名, マネージャー, 部門コード) VALUES('" .
$_POST["部門コード"] . "', '" . $_POST["部門名" ] . "', ' " . "', '" .
$p = new uai_Personal_Info(); rs["r"] = $p->insert_Department($sql);
$json = new Services_JSON();
echo $json->
;

削除の処理は追加や変更とは少し異なります。削除にはデータを操作するためのポップアップ フォームが必要ないため、代わりに Ext.Ajax オブジェクトを使用します。



コードをコピーします

コードは次のとおりです: remove: function() { var r = this.getActiveRecord( ); Ext.Ajax.request({url : "http://localhost:8080/Test_EXT/DB/delete_dept.php", params: {デパートメントコード: r.get("デパートメントコード")}); 🎜>this.getStore().remove(r) //クライアントデータを削除します},

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。