跃逸冰颠 2015-01-09 01:21 采纳率: 0%
浏览 3225
已采纳

extjs4 grid行号如何快速刷新

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

  • 写回答

3条回答 默认 最新

  • 斯洛文尼亚旅游 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) } }/*.....其他配置..*/ })
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?