<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'admin.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
.bold:hover{
cursor: pointer;
}
.x-grid-row-over .x-grid-cell-inner {
font-weight: bold;
}
.delete:hover{
CURSOR: pointer;
}
</style>
</head>
<link href="resources/css/ext-all.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="grad-lya.js"></script>
<body>
<div id="admindata"></div>
</body>
</html>Ext.require(["Ext.grid.*", "Ext.data.*"]);
Ext.onReady(function() {
Ext.QuickTips.init(); Ext.define("MyData", {
extend : "Ext.data.Model",
fields : ["id", {
name : "id",
mapping : "id"
}, {
name : "username",
mapping : "username"
}, {
name : "sex",
type : "int"
}, {
name : "createDate",
mapping : "createDate",
type : "string"
}, {
name : "registDate",
type : "string",
mapping : "registDate"
}]
});
var pageSize = 10;
var data = [{id:1,username:'张三',createDate:'1992-11-20',registDate:'1992-11-20'},
{id:2,username:'龙映安',createDate:'1992-11-20',registDate:'2002-11-20'}];
var store = Ext.create("Ext.data.Store", {
model : "MyData",
data:data,
autoLoad : true
});
var grid = Ext.create("Ext.grid.Panel", {
store : store,
selType : 'checkboxmodel',
selModel : {
mode : 'id',
checkOnly : false
},
layout : "fit",
columns : [{
text : "用户名",
width : 200,
dataIndex : "username",
sortable : true,
renderer : function change(val) {
return '<span style="color:red;font-weight:bold;" class="bold" >'+ val + '</span>';
}
}, {
text : "性别",
flex : 1,
width : 100,
dataIndex : "sex",
sortable : false,
renderer : function(v) {
if (v == 1) {
return "男";
} else {
return "女";
}
}
}, {
text : "创建日期",
width : 200,
dataIndex : "createDate",
sortable : true
}],
height : 400,
width : 800,
x : 120,
y : 40,
title : "用户信息",
renderTo : "admindata",
trackMouseOver : true, // 鼠标特效
autoScroll : true,
stateful : true,
stateId : 'stateGrid',
viewConfig : {
columnsText : "显示/隐藏列",
sortAscText : "正序排列",
sortDescText : "倒序排列",
forceFit : true,
stripeRows : true
},
bbar : new Ext.PagingToolbar({
store : store, // 数据源
pageSize : pageSize,
displayInfo : true,
displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
emptyMsg : "暂无数据显示",
prevText : "上一页",
nextText : "下一页",
refreshText : "刷新",
lastText : "最后页",
firstText : "第一页",
beforePageText : "当前页",
afterPageText : "共{0}页"
}),
tbar : // 工具条
[{
text : '刷新',
cls : 'refresh',
handler : function(btn, pressed) {// 重置查询条件
store.load({
params : {
start : 0,
limit : pageSize
}
});
}
}]
});
});大侠们帮分析下 什么地方出错了啊ExtJS分页
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'admin.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<style type="text/css">
.bold:hover{
cursor: pointer;
}
.x-grid-row-over .x-grid-cell-inner {
font-weight: bold;
}
.delete:hover{
CURSOR: pointer;
}
</style>
</head>
<link href="resources/css/ext-all.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="ext-all.js"></script>
<script type="text/javascript" src="grad-lya.js"></script>
<body>
<div id="admindata"></div>
</body>
</html>Ext.require(["Ext.grid.*", "Ext.data.*"]);
Ext.onReady(function() {
Ext.QuickTips.init(); Ext.define("MyData", {
extend : "Ext.data.Model",
fields : ["id", {
name : "id",
mapping : "id"
}, {
name : "username",
mapping : "username"
}, {
name : "sex",
type : "int"
}, {
name : "createDate",
mapping : "createDate",
type : "string"
}, {
name : "registDate",
type : "string",
mapping : "registDate"
}]
});
var pageSize = 10;
var data = [{id:1,username:'张三',createDate:'1992-11-20',registDate:'1992-11-20'},
{id:2,username:'龙映安',createDate:'1992-11-20',registDate:'2002-11-20'}];
var store = Ext.create("Ext.data.Store", {
model : "MyData",
data:data,
autoLoad : true
});
var grid = Ext.create("Ext.grid.Panel", {
store : store,
selType : 'checkboxmodel',
selModel : {
mode : 'id',
checkOnly : false
},
layout : "fit",
columns : [{
text : "用户名",
width : 200,
dataIndex : "username",
sortable : true,
renderer : function change(val) {
return '<span style="color:red;font-weight:bold;" class="bold" >'+ val + '</span>';
}
}, {
text : "性别",
flex : 1,
width : 100,
dataIndex : "sex",
sortable : false,
renderer : function(v) {
if (v == 1) {
return "男";
} else {
return "女";
}
}
}, {
text : "创建日期",
width : 200,
dataIndex : "createDate",
sortable : true
}],
height : 400,
width : 800,
x : 120,
y : 40,
title : "用户信息",
renderTo : "admindata",
trackMouseOver : true, // 鼠标特效
autoScroll : true,
stateful : true,
stateId : 'stateGrid',
viewConfig : {
columnsText : "显示/隐藏列",
sortAscText : "正序排列",
sortDescText : "倒序排列",
forceFit : true,
stripeRows : true
},
bbar : new Ext.PagingToolbar({
store : store, // 数据源
pageSize : pageSize,
displayInfo : true,
displayMsg : '当前记录 {0} -- {1} 条 共 {2} 条记录',
emptyMsg : "暂无数据显示",
prevText : "上一页",
nextText : "下一页",
refreshText : "刷新",
lastText : "最后页",
firstText : "第一页",
beforePageText : "当前页",
afterPageText : "共{0}页"
}),
tbar : // 工具条
[{
text : '刷新',
cls : 'refresh',
handler : function(btn, pressed) {// 重置查询条件
store.load({
params : {
start : 0,
limit : pageSize
}
});
}
}]
});
});大侠们帮分析下 什么地方出错了啊ExtJS分页
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货