52,797
社区成员
发帖
与我相关
我的任务
分享
html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="style/ext-all.css" />
<script type="text/javascript" src="ext/ext-base.js"></script>
<script type="text/javascript" src="ext/ext-all.js"></script>
<script type="text/javascript" src="ext/ext-lang-zh_CN.js"></script>
<script>
/********* Grid ***********/
var groupsm = new Ext.grid.CheckboxSelectionModel();
var sourcecm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),groupsm,
{header:"编号",dataIndex:"ID"},
{header:"用户名",dataIndex:"username"},
{header:"密码",dataIndex:"pwd"},
{header:"摘要",dataIndex:"summary"},
{header:"描述",dataIndex:"description"}
]);
sourcecm.defaultSortable = true;
var file=Ext.data.Record.create([
{name: "ID"},
{name: "username"},
{name: "pwd"},
{name: "summary"},
{name: "description"}
]);
var sourceds = new Ext.data.Store({
url:'griddata123.asp',
reader: new Ext.data.JsonReader({
id: 'json-render',
root: "root",
totalProperty: 'totalProperty',
fields:file
}),
baseParams: {limit:20,column:"username"}
});
var pageGrid = new Ext.grid.GridPanel({
el: "grid",
loadMask: true,
store: sourceds,
cm: sourcecm,
sm:groupsm,
//width:1000,
bodyStyle:'width:100%',
height: '200',
autoScroll: true,
autoExpandColumn: 3//自动填充空白宽度的列号。从1开始
});
Ext.onReady(function(){
pageGrid.render("grid");
});
</script>
</head>
<body>
<div style="width:600px;height:800px" id="grid"></div>
</body>
</html>