Ext オブジェクト指向開発実践 (続き)_YUI.Ext 関連-jsチュートリアル-php.cn

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

リリース： 2016-05-16 18:58:38

オリジナル

957 人が閲覧しました

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

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

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) //クライアントデータを削除します},