ext之实现列表(从后台数据库读取数据)
2013-08-19 22:28
393 查看
php_Customer_list.php页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady( function() {
var dd = new Ext.data.JsonStore( {
url:'GetData_Customer.php',
root:"rows",
totalProperty:"total",
fields : ["code","name","AbbName"]
});
// 从数组里面装载数据
dd.load();
var grid = new Ext.grid.GridPanel( {
store :dd,
columns : [ {
id : "CC", // 内部的标识
header : "客户编号", // 显示的标题
width : 60, // 宽度
sortable : true, // 是否可以排序
dataIndex : "code" // 对应数据集的字段
},{
id :"CN",
header :"名称",
width :160,
//sortable :true,
dataIndex :"name"
}, {
id :"CA",
header :"客户简称",
width :160,
//sortable :true,
dataIndex :"AbbName"
}],
autoExpandColumn :"CN", // 这个列将默认占用所有的可用的列宽
height :350, // 高度
width :600, // 宽度
title :"客户人员信息表格" // 表格的标题
});
grid.render('grid-example'); // 生成到这个id标签里面
});
</script>
</head>
<body>
<div id="grid-example"></div>
</body>
</html>
GetData_Customer.php页面
<?php
$DontCheckLogin = true;
include_once("tglobal.lib");
$i=0;
$stmt = new TSQLStmt();
$stmt->Table("Customer","m");
$stmt->Select("m","cCusCode");
$stmt->Select("m","cCusName");
$stmt->Select("m","cCusAbbName");
$sql = $stmt->SQLGen();
$rs = $gblDB->Query($sql);
if($rs)
{
while($rs->fetchRecord())
{
//echo "cCusCode:".$rs->getFieldValueByName("cCusCode")."<BR>";
//echo "cCusName:".$rs->getFieldValueByName("cCusName")."<BR>";
//echo "cCusAbbName:".$rs->getFieldValueByName("cCusAbbName")."<BR>";
$code = $rs->getFieldValueByName("cCusCode");
$name = $rs->getFieldValueByName("cCusName");
$AbbName = $rs->getFieldValueByName("cCusAbbName");
$array[$i]=array('code'=>$code,'name'=>$name,'AbbName'=>$AbbName);
$i=$i+1;
}
$rs->close();
}
$json="";
$json.="{";
$json.="'total':";
$json.="".$i.",";
$json.="'rows':";
$json.="[";
for($j=0;$j<=$i-1;$j++)
{
$json.="".json_encode($array[$j])."";
$json.=",";
}
$json.="]";
$json.="}";
//$json=json_encode($data);
//$json_data="{"."total".":".$i.","."rows".":".$json."}";
//$json_data="{'rows':$json}";
echo $json;
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
<script type="text/javascript" src="ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript">
Ext.onReady( function() {
var dd = new Ext.data.JsonStore( {
url:'GetData_Customer.php',
root:"rows",
totalProperty:"total",
fields : ["code","name","AbbName"]
});
// 从数组里面装载数据
dd.load();
var grid = new Ext.grid.GridPanel( {
store :dd,
columns : [ {
id : "CC", // 内部的标识
header : "客户编号", // 显示的标题
width : 60, // 宽度
sortable : true, // 是否可以排序
dataIndex : "code" // 对应数据集的字段
},{
id :"CN",
header :"名称",
width :160,
//sortable :true,
dataIndex :"name"
}, {
id :"CA",
header :"客户简称",
width :160,
//sortable :true,
dataIndex :"AbbName"
}],
autoExpandColumn :"CN", // 这个列将默认占用所有的可用的列宽
height :350, // 高度
width :600, // 宽度
title :"客户人员信息表格" // 表格的标题
});
grid.render('grid-example'); // 生成到这个id标签里面
});
</script>
</head>
<body>
<div id="grid-example"></div>
</body>
</html>
GetData_Customer.php页面
<?php
$DontCheckLogin = true;
include_once("tglobal.lib");
$i=0;
$stmt = new TSQLStmt();
$stmt->Table("Customer","m");
$stmt->Select("m","cCusCode");
$stmt->Select("m","cCusName");
$stmt->Select("m","cCusAbbName");
$sql = $stmt->SQLGen();
$rs = $gblDB->Query($sql);
if($rs)
{
while($rs->fetchRecord())
{
//echo "cCusCode:".$rs->getFieldValueByName("cCusCode")."<BR>";
//echo "cCusName:".$rs->getFieldValueByName("cCusName")."<BR>";
//echo "cCusAbbName:".$rs->getFieldValueByName("cCusAbbName")."<BR>";
$code = $rs->getFieldValueByName("cCusCode");
$name = $rs->getFieldValueByName("cCusName");
$AbbName = $rs->getFieldValueByName("cCusAbbName");
$array[$i]=array('code'=>$code,'name'=>$name,'AbbName'=>$AbbName);
$i=$i+1;
}
$rs->close();
}
$json="";
$json.="{";
$json.="'total':";
$json.="".$i.",";
$json.="'rows':";
$json.="[";
for($j=0;$j<=$i-1;$j++)
{
$json.="".json_encode($array[$j])."";
$json.=",";
}
$json.="]";
$json.="}";
//$json=json_encode($data);
//$json_data="{"."total".":".$i.","."rows".":".$json."}";
//$json_data="{'rows':$json}";
echo $json;
?>
相关文章推荐
- Java下拉列表联动的实现(从数据库读取数据)
- Easyui Datagrid 如何实现后台交互显示用户数据列表
- 在一个jsp页面实现二级下拉框联动,实时读取数据库数据
- 比较C#三种方法实现读取Execl数据到数据库
- 微信小程序实验二、小程序后台PHP入门——从数据库中读取与返回数据视频讲解
- 在一个jsp页面实现二级下拉框联动,实时读取数据库数据(用javascript实现)
- 将后台数据读取到前台的EXCEL文件中去,用javascript实现.(发一个原创)
- Spinner 从数据库中读取数据并实现2级互动
- Android利用Spinner从数据库中读取数据并实现2级互动
- 将后台数据读取到前台的EXCEL文件中去,用javascript实现,asp.net,javacript(发一个原创)
- 【PythonDjango后台实例 第二章】Python3.6.1+Pyserial+PyMySQL 实现读取串口并存入数据库
- 【原创】SSH开发框架中,实现系统启动加载类,读取数据库常用数据进入内存,利用Spring托管,并完成reload功能
- 使用 NodeJs 实现一个本地接口数据系统,无需数据库,让前端独立于后台开发
- dataset 操作数据库 读取数据并列表显示
- php使用PDO从数据库表中读取数据的实现方法(必看)
- nodejs实现,每天定时自动读取数据库数据-生成excel表格-发送给老板邮箱
- ExtJs4.1读取后台XML数据并显示在前台的Ext.grid.Panel,并额外添加一列动作列
- 使用struts2标签,从后台读取数据时实现横向循环然后在自动换行循环
- Spinner 从数据库中读取数据并实现2级互动