解析Extjs与php数据交互(增删查改)
2024-05-04 22:25:16
供稿：网友
代码如下:
<html>
<head>
//搜索暂时没做，数据是出来了，但是却没法显示
<link rel="stylesheet" type="text/css" href="./js/resources/css/ext-all.css"/>
<script type="text/javascript" src="./js/jquery.js"></script>
<script type="text/javascript" src="./js/ext-base.js"></script>
<script type="text/javascript" src="./js/ext-all.js"></script>
<script type="text/javascript" src="./js/ext-lang-zh_CN-min.js"></script>
<script type="text/javascript">
Ext.QuickTips.init(); //初始化快速提示对象
function test() {
Ext.Msg.alert('title','test-yii-ext');
}
function renderSex(value) {
if (value == 'male') {
return "<span style='color:red;font-weight:bold;'>红男</span><img src='./images/male.jpg' />";
} else {
return "<span style='color:green;font-weight:bold;'>绿女</span><img src='./images/female.png' />";
}
}
function init()
{
//1、创建url访问类。
var url = 'index.php';
var _proxy = new Ext.data.HttpProxy({url:url});
//2、数据问题参数
var _jsonProperty = "totalProperty";
//数据根目录参数
var _jsonRoot = "root";
//Record显示列表对应关系
var _record = [{name:'id'},
{name:'name'},
{name:'pass'},
{name:'sex'},
{name:'email'}];
//创建JSONReader对象，需要设置记录总数，根目录名称，记录映射
var _reader = new Ext.data.JsonReader({totelPropetty:_jsonProperty,root:_jsonRoot},_record);
/**
* 封装一个客户端的Record对象缓存，为GridPanel提供数据入口
* 需要两个必须的参数
* 1、提供数据的地址：Proxy 代理类
* 2、数据的读取方式：Reader 类，这里通过JsonReader读取
*/
var _store = new Ext.data.Store({
proxy:_proxy,
reader:_reader
});
/**
ColumnModel
* 数据在页面上显示标题信息，
* 顺序和Record对应
* sortable 是否排序
* dataIndex 进行对应的列，对应Record中的NAME
*
* handler方法中 第一个参数表示父类的对象，本例中为GridPanel对象。
* 第二个参数表示第几行。
* 第三个参数表示第几列。
*/
var _cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
new Ext.grid.CheckboxSelectionModel(),
