Ext面向对象开发实践(续)

时间: 作者:除速

  

[Ext,面向对象]Ext面向对象开发实践(续)

  要实现对数据表中的数据进行操作,第一步就是要取得数据表中的数据,我们把上篇文章中的创建Store的方法也略作调整,让其从数据表中读取数据。

  
代码如下:

  
this.departmentStore = new Ext.data.JsonStore({  
proxy: new Ext.data.HttpProxy({url: ""}),  
fields: ["department_code", "department_name", "manager", "division_code"]  
});  
  
Department.php,负责连接SQL数据库,取得数据并将其转换为JSON格式,为Ext的读取作准备。

  
代码如下:

  
require('JSON.php');  
require('uai_Personal_Info.php');  
$p = new uai_Personal_Info();  
$result = $p->getDepartmentList();  
$json = new Services_JSON();  
echo $json->encode($result);  
还有一点要修改的就是新增和修改窗体的onSubmitClick方法  
onSubmitClick: function() {  
if (this.url != "") {  
this.form.submit({url: this.url, success: this.onSubmit,  
waitTitle: "Save Data", waitMsg: "Transcation process.....", scope: this});  
this.fireEvent("submit", this, this.form.getValues());  
}  
},  
  
Submit方法需要传递一系列参数:  
url:数据处理的URL地址,这里传入的是一个负责处理新增操作的URL  
success:如果提交数据处理成功,则会回调这个参数指定的处理代码  
waitTitle:数据提交时弹出对话框的标题  
waitMsg:数据提交时弹出对话框的信息内容  
scope:回调函数中的this所指对象  
  
这里需要说明的是处理数据的PHP文件中,必须返回一个JSON字串,如果包含"success: true",则表示处理成或,否则认为处理失败。例如下面的代码  
代码如下:
  
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"] . "', '" . $_POST["manager"] . "', '" . $_POST["division_code"] . "')";  
$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: "", params: {department_code: r.get("department_code")}});  
this.getStore().remove(r); //删除客户端数据  
},  

(责任编辑:admin)

推荐图片Related

相关文章Related

查看更多热门新闻


首页 | 特效插件 | 常用代码 | 样式素材 | 脚本代码 | css特效

Copyright © 2017-2018 汇盛国际 版权所有

系统要求:本站自适应各终端浏览器分辨率

请使用Google、Firefox、IE9、百度浏览器登录网站

网站地图 | RSS订阅 | 汇盛国际