跃逸冰颠
2015-01-09 01:21
采纳率: 83.3%
浏览 3.2k
已采纳

extjs4 grid行号如何快速刷新

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

3条回答 默认 最新

  • 已采纳

    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 2015-01-09 01:23

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

    点赞 打赏 评论
  • 兔子托尼啊 2015-01-09 01:23

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

    点赞 打赏 评论

相关推荐 更多相似问题