这是一个json数据
"{totalPorperty:9,root:[{'2306271c-6d7a-40af-b26f-dd77595138e6','333333333','tttt','tttt','tttt','564654','yyyyyyyyyyyyyyyy','2009-4-2 14:48:59',False},{'d492875f-51f9-448c-98f8-4718d19150ae','ewrewr','bbbb','bbbb','bbbb','fdsfds','gggggggggggg','2009-4-2 14:48:49',False}]}"前台页面如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EexjsTest.aspx.cs" Inherits="EexjsTest" %><!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 runat="server">
<link rel="stylesheet" type="text/css" href="ext-all.css"/>
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="panel.css"/>
<link rel="stylesheet" type="text/css" href="examples.css"/>
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
Ext.onReady(ready);
function ready()
{
var url1 = 'ExtJsgrid.aspx';
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel
([
sm,new Ext.grid.RowNumberer({header:'编号',width:50}),
{header:'用户ID',dataIndex:'UserID',width:100,hidden:true},
{header:'用户名',dataIndex:'UserName',width:100},
{header:'密码',dataIndex:'PassWord',width:100},
{header:'真实姓名',dataIndex:'TrueName',width:100,editor:new Ext.form.TextField()},
{header:'泥称',dataIndex:'NickName',width:100,editor:new Ext.form.TextField()},
{header:'职位',dataIndex:'Position',width:100},
{header:'邮件地址',dataIndex:'EmailAddress',width:100},
{header:'注册日期',dataIndex:'CreateDate',width:100,renderer:Ext.util.Format.dateRenderer('Y年m月d日')},
{header:'状态',dataIndex:'Deleted',width:100,renderer:function(value){if(value==false) {return '显示';} else {return '隐藏';}}}
]);
cm.defaultSortable = true;
var store = new Ext.data.Store
({
proxy:new Ext.data.HttpProxy({url:url1}), reader:new Ext.data.JsonReader({totalProperty:'totalPorperty',root:'root',fields:[{name:'UserID'},
{name:'UserName'},
{name:'PassWord'},
{name:'TrueName'},
{name:'NickName'},
{name:'Position'},
{name:'EmailAddress'},
{name:'CreateDate'},
{name:'Deleted'}]})
});
store.load({params:{start:0,limit:2}});
var pagingBar = new Ext.PagingToolbar
({
displayInfo:true,emptyMsg:'没有数据显示',displayMsg:'显示从{0}条数据到{1}条数据,共{2}条数据',
store:store,
pageSize:2
});
var grid = new Ext.grid.GridPanel
({
renderTo:document.body,
id:'MenuGridPanel',
frame:true,
border:true,
width:600,
height:450,
autoScroll:true,
store:store,
loadMask: {msg: '正在查询,请稍候...'},
sm:sm,
cm:cm,
viewConfig:{forceFit: true},
title:'Ext2.2全新功能版系列之--显示列表',
bbar:pagingBar
});
}
</script>
<div id="grid1"></div>
</div>
</form>
</body>
</html>现在的问题是gridpanel没有显示数据,分页栏也没显示,里面的icon也没显示各位帮忙看看是怎么回事啊?!
"{totalPorperty:9,root:[{'2306271c-6d7a-40af-b26f-dd77595138e6','333333333','tttt','tttt','tttt','564654','yyyyyyyyyyyyyyyy','2009-4-2 14:48:59',False},{'d492875f-51f9-448c-98f8-4718d19150ae','ewrewr','bbbb','bbbb','bbbb','fdsfds','gggggggggggg','2009-4-2 14:48:49',False}]}"前台页面如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EexjsTest.aspx.cs" Inherits="EexjsTest" %><!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 runat="server">
<link rel="stylesheet" type="text/css" href="ext-all.css"/>
<script type="text/javascript" src="ext-base.js"></script>
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="ext-lang-zh_CN.js"></script>
<link rel="stylesheet" type="text/css" href="panel.css"/>
<link rel="stylesheet" type="text/css" href="examples.css"/>
<title>无标题页</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<script type="text/javascript">
Ext.onReady(ready);
function ready()
{
var url1 = 'ExtJsgrid.aspx';
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel
([
sm,new Ext.grid.RowNumberer({header:'编号',width:50}),
{header:'用户ID',dataIndex:'UserID',width:100,hidden:true},
{header:'用户名',dataIndex:'UserName',width:100},
{header:'密码',dataIndex:'PassWord',width:100},
{header:'真实姓名',dataIndex:'TrueName',width:100,editor:new Ext.form.TextField()},
{header:'泥称',dataIndex:'NickName',width:100,editor:new Ext.form.TextField()},
{header:'职位',dataIndex:'Position',width:100},
{header:'邮件地址',dataIndex:'EmailAddress',width:100},
{header:'注册日期',dataIndex:'CreateDate',width:100,renderer:Ext.util.Format.dateRenderer('Y年m月d日')},
{header:'状态',dataIndex:'Deleted',width:100,renderer:function(value){if(value==false) {return '显示';} else {return '隐藏';}}}
]);
cm.defaultSortable = true;
var store = new Ext.data.Store
({
proxy:new Ext.data.HttpProxy({url:url1}), reader:new Ext.data.JsonReader({totalProperty:'totalPorperty',root:'root',fields:[{name:'UserID'},
{name:'UserName'},
{name:'PassWord'},
{name:'TrueName'},
{name:'NickName'},
{name:'Position'},
{name:'EmailAddress'},
{name:'CreateDate'},
{name:'Deleted'}]})
});
store.load({params:{start:0,limit:2}});
var pagingBar = new Ext.PagingToolbar
({
displayInfo:true,emptyMsg:'没有数据显示',displayMsg:'显示从{0}条数据到{1}条数据,共{2}条数据',
store:store,
pageSize:2
});
var grid = new Ext.grid.GridPanel
({
renderTo:document.body,
id:'MenuGridPanel',
frame:true,
border:true,
width:600,
height:450,
autoScroll:true,
store:store,
loadMask: {msg: '正在查询,请稍候...'},
sm:sm,
cm:cm,
viewConfig:{forceFit: true},
title:'Ext2.2全新功能版系列之--显示列表',
bbar:pagingBar
});
}
</script>
<div id="grid1"></div>
</div>
</form>
</body>
</html>现在的问题是gridpanel没有显示数据,分页栏也没显示,里面的icon也没显示各位帮忙看看是怎么回事啊?!
var store = new Ext.data.JsonStore({
root: 'topics',
totalProperty: 'totalCount',
idProperty: 'threadid',
remoteSort: true,
fields: [
'title', 'forumtitle', 'forumid', 'author',
{name: 'replycount', type: 'int'},
{name: 'lastpost', mapping: 'lastpost', type: 'date', dateFormat: 'timestamp'},
'lastposter', 'excerpt'
], // load using script tags for cross domain, if the data in on the same domain as
// this page, an HttpProxy would be better
proxy: new Ext.data.ScriptTagProxy({
url: 'http://extjs.com/forum/topics-browse-remote.php'
})
});