52,797
社区成员
发帖
与我相关
我的任务
分享
Ext.onReady(
function(){
Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
function renderSex(value) {
if (value == 'male') {
return "<span style='color:red;font-weight:bold;'>红男</span>";
} else {
return "<span style='color:green;font-weight:bold;'>绿女</span>";
}
}
var sm=new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
sm,
{header:'编号',sortable: true,dataIndex:'id',width: 100},
{header:'姓名',sortable: true,dataIndex:'name',width: 100},
{header:'性别',sortable: true,dataIndex:'sex',width: 100,renderer:renderSex},
{header:'描述',sortable: true,dataIndex:'descn',width: 100}
]);
var ds=new Ext.data.JsonStore(
{url:'grid.jsp',
root:'root',
fields : [{name : 'id'}, {name : 'name'},{name : 'sex'}, {name : 'descn'}]
});
ds.load({params:{start:0,limit:10}});
var grid=new Ext.grid.GridPanel({
el: 'grid',
sm:sm,
ds:ds,
cm:cm,
bbar: new Ext.PagingToolbar({
pageSize: 10,
store: ds,
displayInfo: true,
displayMsg: '显示第 {0} 条到 {1} 条记录,一共 {2} 条',
emptyMsg: '没有记录'
}),
height:500,
width:600,
title:'Array Grid'
});
grid.render();
});
<%
String start = request.getParameter("start");
String limit = request.getParameter("limit");
try {
int index = Integer.parseInt(start);
int pageSize = Integer.parseInt(limit);
String json = "{totalProperty:100,root:[";
for (int i = index; i < pageSize + index; i++) {
json += "{id:'" + i + "',name:'name" + i +"'sex:'sex"+i+ "',descn:'descn" + i + "'}";
if (i != pageSize + index - 1) {
json += ",";
}
}
json += "]}";
response.getWriter().write(json);
} catch(Exception ex) {
}
%>
for (int i = index; i < pageSize + index; i++) {
json += "{id:'" + i + "',name:'name" + i +"',sex:'sex"+i+ "',descn:'descn" + i + "'}";
if (i != pageSize + index - 1) {
json += ",";
}
}