需求:
1.1個表格中最多顯示50條數據
2.為表格添加行號,從上到下依次遞增
3.當數據到了50條,則刪除最下面的數據,也就是行號為50的數據,然後在表格的最上面插入新的數據行
4.新的數據行編號為1,原來的數據編號依次遞增,直到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) } }/*.....其他配置..*/ })