程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 更多編程語言 >> 編程綜合問答 >> rownumberer-extjs4 grid行號如何快速刷新

rownumberer-extjs4 grid行號如何快速刷新

編輯:編程綜合問答
extjs4 grid行號如何快速刷新

需求:
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) } }/*.....其他配置..*/ })
  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved