paging_.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. Ext.onReady(function(){
  2. var store=new Ext.data.JsonStore({
  3. url:"PageingTest.do",
  4. root:"data",
  5. fields:["userId","userName"],
  6. totalProperty:"totalProperty"
  7. });
  8. var cm=new Ext.grid.ColumnModel([check,{
  9. header:"用户ID",
  10. dataIndex:"userId",
  11. sortable: true,
  12. type:"int"
  13. },{
  14. header:"用户姓名",
  15. dataIndex:"userName",
  16. width:200
  17. }]);
  18. var grid=new Ext.grid.GridPanel({
  19. title:":::管理员信息维护:::",
  20. cm:cm,
  21. sm:check,
  22. store:store,
  23. autoWidth:true,
  24. height:400,
  25. bbar:bbar
  26. });
  27. var check=new Ext.grid.CheckboxSelectionModel({singleSelect :true});
  28. var bbar=new Ext.PagingToolbar({
  29. pageSize:20,
  30. store:store,
  31. beforePageText:"当前第",
  32. afterPageText:"页,共{0}页",
  33. lastText:"尾页",
  34. nextText :"下一页",
  35. prevText :"上一页",
  36. firstText :"首页",
  37. refreshText:"刷新页面",
  38. displayInfo: true,
  39. displayMsg:"当前显示 {0} - {1}条, 共 {2}"
  40. });
  41. grid.render('grid');
  42. // trigger the data store load
  43. store.load({params:{start:0, limit:20}});
  44. });