function formetSex(value,meta,record,rowIndex,colIndex,store){
// alert("[" + rowIndex + "," + colIndex + "]");
// alert(record.data.name);
return value=="0"?"男":"女";
}
Ext.QuickTips.init();
Ext.onReady(function(){
var fields = ["id","name","email","sex","age"];
var store = new Ext.data.Store({
autoLoad:true,
proxy:new Ext.data.HttpProxy({url: "UserListServlet?limit=2"}),
reader:new Ext.data.JsonReader()
});
var sm = new Ext.grid.CheckboxSelectionModel();
var cm = new Ext.grid.ColumnModel([
sm,
{
header:"id",
dataIndex:"id",
menuDisabled:true
},{
header:"email",
dataIndex:"email",
editor:new Ext.form.TextField()
},{
header:"姓名",
dataIndex:"name",
editor:new Ext.form.TextField()
},{
header:"性别",
dataIndex:"sex",
renderer:formetSex,
editor:new Ext.form.ComboBox({
store:new Ext.data.SimpleStore({
data:[["男","0"],["女","1"]],
fields:["show","value"]
}),
displayField:"show",
valueField:"value",
mode:"local",
triggerAction:"all"
})
},{
header:"年龄",
dataIndex:"age",
sortable:true,
editor:new Ext.form.NumberField()
}]);
var grid = new Ext.grid.EditorGridPanel({
title:"grid列表显示示例",
width:600,
height:300,
cm:cm,
// sm:new Ext.grid.CellSelectionModel(),
sm:sm,
viewConfig:{
columnsText:"显示/隐藏列",
sortAscText:"正序排列",
sortDescText:"倒序排列"
},
// enableHdMenu:false,
store:store,
bbar:new Ext.PagingToolbar({
store:store,
pageSize:2,
firstText:"首页",
lastText:"尾页"
}),
clicksToEdit:1,
listeners:{
"afteredit":function(e){
var g = e.grid;
var r = e.record;
var f = e.field;
var v = e.value;
var ov = e.originalValue;
var row = e.row;
var column = e.column;
// alert("f:" + f);
// alert("v:" + v);
// alert("ov:" + ov);
// alert(r.data.id);
Ext.Ajax.request({
url:"UserSaveServlet",
params:{
field:f,
value:v,
id:r.data.id
},
success:function(){
alert("数据保存成功！");
},
failure:function(){
alert("数据保存失败！");
}
});
}
}
});
grid.render(Ext.getBody());
});
extjs 简单分页例子
4星 · 超过85%的资源 需积分: 43 178 浏览量
2010-01-25
22:17:31
上传
评论
收藏 3KB RAR 举报 
user.rar （7个子文件） 
user 
jsonerror.jsp 20B grid-simple.js 2KB grid-data.xml 717B grid-data.js 591B jsonsuccess.jsp 19B grid-array-local.js 843B jsonlist.jsp 708B资源评论
zuolang25402013-11-21EXTJS+PHP的例子太少了，谢谢了
zjidong0072012-07-11extjs分页，需要学习，还行吧。
阿亮说技术2012-08-31extjs 没有分页的啊，不过里面有的值得学习的- weihahaha2014-04-26php的东西啊。
Coder_David2013-02-18还不错，参考一下
