ningzi8766
跃逸冰颠
采纳率83.3%
2015-01-09 01:21 阅读 3.2k
已采纳

extjs4 grid行号如何快速刷新

需求：
1.1个表格中最多显示50条数据
2.为表格添加行号，从上到下依次递增
3.当数据到了50条，则删除最下面的数据，也就是行号为50的数据，然后在表格的最上面插入新的数据行
4.新的数据行编号为1，原来的数据编号依次递增，直到50
请问，有没有好的方法快速刷新表格中的行号？

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享

3条回答 默认 最新

  • 已采纳
    showbo GoCityPass新加坡曼谷通票 2015-01-09 02:50

    store配置load方法删除多余的数据，更新行号直接用Ext获取行号对象后执行更新操作

    给2个方法你，增加数据后调用removeRows，在调用updateRownumberer方法即可。

     function removeRows(store, maxSize) { while (store.getCount() > maxSize) store.removeAt(maxSize) }
function updateRownumberer(grid) { Ext.get(grid.el.dom).select('td.x-grid-cell-first div').each(function (el, c, index) { if (index > 0) el.setHTML(index + 1); }); }

var store = new Ext.data.Store({listeners: { load: function () { removeRows(store,2) } }/*.....其他配置..*/ })
    点赞 评论 复制链接分享
  • bdmh bdmh 2015-01-09 01:23

    维护一个列表或数组，够50了，就从列表中剔除最后一个，把新的放到第一个，先组织好数组或json数据，然后绑定到grid

    点赞 评论 复制链接分享
  • rui888 兔子托尼啊 2015-01-09 01:23

    不知道api 有方法没？最笨的方法给 他的table 序号那列重新赋值。

    点赞 评论 复制链接分享
提交

相关推荐

  • extjs4 grid行号如何快速刷新
    2015-01-09 01:21
    回答 3 已采纳 store配置load方法删除多余的数据，更新行号直接用Ext获取行号对象后执行更新操作 给2个方法你，增加数据后调用removeRows，在调用updateRownumberer方法即可。
  • ExtJS4 grid日期格式问题
    2015-01-22 04:00
    回答 1 已采纳 2001-11-05T00:00:00这个日期格式不合法哦。 >如果我的回答帮助了您，或者您希望得到小喵进一步的回答，请先采纳这个回答。 如果您觉得小喵的回答在所有回答中不是最好的，也请您在
  • Extjs 获取grid的columns名
    2017-05-27 04:17
    回答 2 已采纳 有个columns属性记录的就是grid列 ``` var cms=grid.columns; for(var i=0;i<cms.length;i++)alert(cms[i]
  • Extjs 为grid中的按钮添加事件
    2016-11-20 03:54
    回答 1 已采纳 ``` listeners:{ click:drawing///() } ```
  • Extjs如何在Window中加入表单及grid javascript
    2016-08-11 10:04
    回答 2 已采纳 看下载的压缩包里面的ext-4.1.1a\examples\form这里目录下的form-grid.html示例，然后将里面创建的表单对象作为window对象的元素（设置window对象的items为
  • extjs4怎么刷新<iframe> html5java
    2015-07-01 11:00
    回答 2 已采纳 给iframe增加id，用js更新就好 ``` html : '' ``` ``` document.getElementById('myifr').conte
  • Extjs5 Grid条件查询
    2015-11-17 07:18
    回答 2 已采纳 reader配置对了没有，rootProperty是否和数据源的数据集合名称一致 数据返回格式类似，rootProperty要配置为"rows" ``` { "total
  • extjs grid 动态编辑、添加数据（grid添加新的行）
    2017-08-18 06:46
    回答 1 已采纳 http://blog.csdn.net/e_wsq/article/details/7466990
  • Extjs5 grid store record data
    2017-05-08 06:43
    回答 1 已采纳 ``` Ext.Array.each(data,function(record){ delete data.id;//// jsonArray.push(r
  • EXTJS4 chart 图表实现导出
    2016-01-21 05:53
    回答 2 已采纳 指定type为 type: 'image/svg+xml'可以返回svg html代码，自己用Ext.Ajax.request post html代码到你的动态页 ``` v