extjs grid分页问题
发表于 2011-10-14 | 来源:互联网 | 阅读:

以下是我地代码,其中地grid总是输出5条数据(总共有五条)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
  <link rel="Stylesheet" type="text/css" href=http://topic.csdn.net/u/20110713/16/"ext-2.0.2/resources/css/ext-all.css" />
  <script type="text/javascript" src=http://topic.csdn.net/u/20110713/16/"ext-2.0.2/adapter/ext/ext-base.js"></script>
  <script type="text/javascript" src=http://topic.csdn.net/u/20110713/16/"ext-2.0.2/ext-all.js"></script>
  <script type="text/javascript">
  Ext.onReady(function () {

  var cm = new Ext.grid.ColumnModel([
  { header: '编号', dataIndex: 'id' },
  { header: '名称', dataIndex: 'name' },
  { header: '描述', dataIndex: 'descn' }
  ]);

  var data = http://topic.csdn.net/u/20110713/16/[
  ['1', 'name1', 'descn1'],
  ['2', 'name2', 'descn2'],
  ['3', 'name3', 'descn3'],
  ['4', 'name4', 'descn4'],
  ['5', 'name5', 'descn5']
  ];

  var store = new Ext.data.Store({
  proxy: new Ext.data.MemoryProxy(data),
  reader: new Ext.data.ArrayReader({}, [
  { name: 'id' },
  { name: 'name' },
  { name: 'descn' }
  ])
  });
  store.load();

  var grid = new Ext.grid.GridPanel({
  autoHeight: true,
  renderTo: ‘grid’,
  store: store,
  cm: cm,
  bbar: new Ext.PagingToolbar({
  cls: ‘rightPage’,
  pageSize: 2,
  store: store,
  displayInfo: true,
  displayMsg: ‘输出第 {0} 条到 {1} 条记录,一共 {2} 条’,
  emptyMsg: "没有记录"
  })
  });
  store.load({ params: { start: 0, limit: 2} });
  });
  </script>
</head>
<body>
<div id="grid"></div>
</body>
</html>

我要评论

评论功能因故关闭!诚征技术类博客、网站交换友情链接:zhimingzhang@live.com

请加入我们的QQ群一起参与讨论:
②号QQ群:14744492(未满,500人超级群,加群请说明专业/理由)
①号QQ群:59400482(已满,500人超级群,随时清理2周内不发言的群友)


返回首页 | 关于我们 | 联系我们 | 广告合作 | 网站地图 | 友情链接 | 版权声明