Ext grid插入删除数据更新RowNumberer行号

  Ext gridpanel设置了RowNumberer列后,当删除或者添加新数据行时,RowNumberer这列的行号是不会自动更新的,如下下图所示,调用了下面的代码后就会出现行号重复和不连续的情况。

store.removeAt(2);
store.insert(0,{})

Ext grid插入删除数据更新RowNumberer行号

  解决办法就是用ext的选择器获取到行号那列的行号容器对象执行更新。

  Ext grid插入删除数据更新RowNumberer行号源代码如下

//在对store执行删除或者添加操作后,调用一下这个方法更新行号
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); 
    }); 
}

Ext grid插入删除数据更新RowNumberer行号

加支付宝好友偷能量挖...


原创文章,转载请注明出处:Ext grid插入删除数据更新RowNumberer行号

评论(1)Web开发网
阅读(398)喜欢(1)extjs开发技巧