ExtJs学习资料28-Ext.data.JsonStore数据存储器.doc
版权申诉
191 浏览量
2022-07-05
07:22:29
上传
评论
收藏 48KB DOC 举报
ExtJs 学习资料—Ext.data.JsonStore 数据存储器[2022 年 7 月 6 日星期三]
第 1 页 / 共 2 页
1、引入 ExtJs 框架文件（存入 Global.js 文件中）
document.write("<link rel=\"stylesheet\" type=\"text/css\" href=\"../extjs/resources/css/ext-all.css\"/> ");
document.write("<script type=\"text/javascript\" src=\"../extjs/adapter/ext/ext-base.js\"></script>");
document.write("<script type=\"text/javascript\" src=\"../extjs/ext-all.js\"></script>");
document.write("<script type=\"text/javascript\" src=\"../extjs/ext-lang-zh_CN.js\"></script>");
2、引入 Global.js 文件
<script type="text/javascript" src="Global.js"></script>
<style type="text/css"> .icon{ background:url(1.gif) no-repeat !important } </style>
3、效果图
=====================================================================================================================
4、JS 源代码
<script type="text/javascript">
Ext.onReady(function(){
//--开始-->
/*jsonDataPerson.asp 源代码:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<%response.Clear()%>
{
success:true,
total:3,
rows:[
{name:"刘俊",age:30,sex:"男"},{name:"刘勇",age:26,sex:"男"},{name:"刘玲",age:22,sex:"女"}
]
}
*/
var col=new Ext.grid.ColumnModel([
{header:"姓名",dataIndex:"name",menuDisabled:true,align:"center"},
{header:"年龄",dataIndex:"age",sortable:true,align:"center"},
{header:"性别",dataIndex:"sex",menuDisabled:true,align:"center"}
]);
var grid=new Ext.grid.GridPanel({
title:"个人信息表(JsonStore 读取数据)",
iconCls:"icon",
renderTo:Ext.getBody(),
width:320,
height:140,
资源评论
