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


Posted in Javascript onNovember 18, 2008

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

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

Department.php,负责连接SQL数据库,取得数据并将其转换为JSON格式,为Ext的读取作准备。
<?php 
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",则表示处理成或,否则认为处理失败。例如下面的代码

<?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"] . "', '" . $_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: "http://localhost:8080/Test_EXT/DB/delete_dept.php", params: {department_code: r.get("department_code")}}); 
this.getStore().remove(r); //删除客户端数据 
},
Javascript 相关文章推荐
jquery对ajax的支持介绍
Dec 10 Javascript
node.js中的fs.lchown方法使用说明
Dec 16 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
Oct 25 Javascript
javascript构造函数以及原型对象的理解
Jan 13 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
jQuery实现DIV响应鼠标滑过由下向上展开效果示例【测试可用】
Apr 26 jQuery
javascript和php使用ajax通信传递JSON的实例
Aug 21 Javascript
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
Aug 10 Javascript
JS绘图Flot如何实现动态可刷新曲线图
Oct 16 Javascript
vue 单页应用和多页应用的优劣
Oct 22 Javascript
ant-design-vue 时间选择器赋值默认时间的操作
Oct 27 Javascript
Javascript打印网页部分内容的脚本
Nov 17 #Javascript
js实现简单模态窗口,背景灰显
Nov 14 #Javascript
javascript 限制输入和粘贴(IE,firefox测试通过)
Nov 14 #Javascript
javascript 出生日期和身份证判断大全
Nov 13 #Javascript
Ajax,UTF-8还是GB2312 eval 还是execScript
Nov 13 #Javascript
刷新页面实现方式总结(HTML,ASP,JS)
Nov 13 #Javascript
火狐浏览器(firefox)下获得Event对象以及keyCode
Nov 13 #Javascript
You might like
编写漂亮的代码 - 将后台程序与前端程序分开
2008/04/23 PHP
PHP设计模式之简单投诉页面实例
2016/02/24 PHP
phplist及phpmailer(组合使用)通过gmail发送邮件的配置方法
2016/03/30 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
php设计模式之工厂模式用法经典实例分析
2019/09/20 PHP
laravel框架添加数据,显示数据,返回成功值的方法
2019/10/11 PHP
THINKPHP5分页数据对象处理过程解析
2020/10/28 PHP
处理及遍历XML文档DOM元素属性及方法整理
2013/08/23 Javascript
jQuery中:eq()选择器用法实例
2014/12/29 Javascript
javascript下拉列表菜单的实现方法
2015/11/18 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
2016/05/17 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
2016/06/21 Javascript
jQuery内容筛选选择器实例代码
2017/02/06 Javascript
vue.js获取数据库数据实例代码
2017/05/26 Javascript
JavaScript实现简单的树形菜单效果
2017/06/23 Javascript
Angular 4中如何显示内容的CSS样式示例代码
2017/11/06 Javascript
详解js正则表达式验证时间格式xxxx-xx-xx形式
2018/02/09 Javascript
vue elementUI tree树形控件获取父节点ID的实例
2018/09/12 Javascript
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
Python使用百度API上传文件到百度网盘代码分享
2014/11/08 Python
Python安装使用命令行交互模块pexpect的基础教程
2016/05/12 Python
python中的闭包函数
2018/02/09 Python
Python实现读写INI配置文件的方法示例
2018/06/09 Python
python对视频画框标记后保存的方法
2018/12/07 Python
Python求正态分布曲线下面积实例
2019/11/20 Python
Python面向对象中类(class)的简单理解与用法分析
2020/02/21 Python
Python用摘要算法生成token及检验token的示例代码
2020/12/01 Python
移动Web—CSS为Retina屏幕替换更高质量的图片
2012/12/24 HTML / CSS
西安交大自主招生自荐信
2014/01/27 职场文书
我们的节日清明节活动方案
2014/03/05 职场文书
2014年秘书工作总结
2014/11/25 职场文书
2015年营销工作总结范文
2015/04/23 职场文书
预备党员党支部意见
2015/06/02 职场文书
2016年小学“公民道德宣传日”活动总结
2016/04/01 职场文书
如何在Python中创建二叉树
2021/03/30 Python
详解php中流行的rpc框架
2021/05/29 PHP