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 相关文章推荐
javascript 操作Word和Excel的实现代码
Oct 26 Javascript
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码
Nov 30 Javascript
jquery按回车提交数据的代码示例
Nov 05 Javascript
jQuery实现html元素拖拽
Jul 21 Javascript
jquery实现Ctrl+Enter提交表单的方法
Jul 21 Javascript
jQuery实现从身份证号中获取出生日期和性别的方法分析
Feb 25 Javascript
支持移动端原生js轮播图
Feb 16 Javascript
从零学习node.js之express入门(六)
Feb 25 Javascript
微信小程序开发教程之增加mixin扩展
Aug 09 Javascript
JavaScript实现计数器基础方法
Oct 10 Javascript
基于Vue自定义指令实现按钮级权限控制思路详解
May 23 Javascript
关于ES6尾调用优化的使用
Sep 11 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
php基础知识:函数基础知识
2006/12/13 PHP
PHP中加速、缓存扩展的区别和作用详解(eAccelerator、memcached、xcache、APC )
2016/07/09 PHP
传递参数的标准方法(jQuery.ajax)
2008/11/19 Javascript
JS 控制CSS样式表
2009/08/20 Javascript
jquery控制listbox中项的移动并排序
2009/11/12 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
滚动条响应鼠标滑轮事件实现上下滚动的js代码
2014/06/30 Javascript
node.js中的fs.read方法使用说明
2014/12/17 Javascript
jQuery入门之层次选择器实例简析
2015/12/11 Javascript
JavaScript html5 canvas绘制时钟效果(二)
2016/03/27 Javascript
jquery点击切换背景色的简单实例
2016/08/25 Javascript
关于webuploader插件使用过程遇到的小问题
2016/11/07 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
2017/03/24 jQuery
基于Vue实现图书管理功能
2017/10/17 Javascript
angularjs获取到My97DatePicker选中的值方法
2018/10/02 Javascript
Next.js项目实战踩坑指南(笔记)
2018/11/29 Javascript
layer.open回调获取弹出层参数的实现方法
2019/09/10 Javascript
javascript 函数的暂停和恢复实例详解
2020/04/25 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
基于p5.js 2D图像接口的扩展(交互实现)
2020/11/30 Javascript
Python文件去除注释的方法
2015/05/25 Python
自己编程中遇到的Python错误和解决方法汇总整理
2015/06/03 Python
Python cookbook(数据结构与算法)将序列分解为单独变量的方法
2018/02/13 Python
Python实现按当前日期(年、月、日)创建多级目录的方法
2018/04/26 Python
matplotlib给子图添加图例的方法
2018/08/03 Python
深入浅析Python获取对象信息的函数type()、isinstance()、dir()
2018/09/17 Python
Python实现报警信息实时发送至邮箱功能(实例代码)
2019/11/11 Python
如何分离django中的媒体、静态文件和网页
2019/11/12 Python
详解Python中import机制
2020/09/11 Python
PyCharm2020最新激活码+激活码补丁(亲测最新版PyCharm2020.2激活成功)
2020/11/25 Python
基于OpenCV的路面质量检测的实现
2020/11/04 Python
CSS3媒体查询Media Queries基础学习教程
2016/02/29 HTML / CSS
师德师风建设整改措施思想汇报
2014/10/11 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
2014年体检中心工作总结
2014/12/23 职场文书
「女孩的钓鱼慢活」全新版权绘公布
2022/03/21 日漫