跃逸冰颠
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 序号那列重新赋值。

    点赞 打赏 评论

报告相同问题？

提交

相关推荐 更多相似问题

  • extjs4 grid行号如何快速刷新
    2015-01-09 01:21
    回答 3 已采纳 store配置load方法删除多余的数据，更新行号直接用Ext获取行号对象后执行更新操作 给2个方法你，增加数据后调用removeRows，在调用updateRownumberer方法即可。
  • ExtJS4 grid日期格式问题
    2015-01-22 04:00
    回答 2 已采纳 2001-11-05T00:00:00这个日期格式不合法哦。 >如果我的回答帮助了您，或者您希望得到小喵进一步的回答，请先采纳这个回答。 如果您觉得小喵的回答在所有回答中不是最好的，也请您在
  • Extjs 获取grid的columns名
    2017-05-27 04:17
    回答 2 已采纳 有个columns属性记录的就是grid列 ``` var cms=grid.columns; for(var i=0;i<cms.length;i++)alert(cms[i]
  • ExtJS4 grid动态生成表格分页 加入行号
    2012-05-23 20:12
    hongkiton的博客 最近闲来无事就看了一下ExtJS的grid表格，相对来说ExtJS个grid做的是非常成功的，很受欢迎，功能很强大。由于本人能力有限，只是闲来无事看看，并未深入研究，下面简单介绍一些基本功能。 1. 首先先写页面，页面...
  • Extjs5.1 Grid动态插入一行数据并置顶
    2017-01-04 17:10
    你是我的小眼睛儿的博客 最近找了下Grid动态插入的方法,但是网上的方法都不好使,版本太低了,毕竟现在用ext的比较少了,所以使劲看API,功夫不负有心人,终于找到了个有用的方法:所以,顺利解决问题grid.getStore().insert(0, { "name": "queue...
  • ExtJs grid的所有操作
    2017-12-13 18:17
    hengliang_的博客 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：...
  • extjs4怎么刷新<iframe> html5java
    2015-07-01 11:00
    回答 2 已采纳 给iframe增加id，用js更新就好 ``` html : '' ``` ``` document.getElementById('myifr').conte
  • Extjs 为grid中的按钮添加事件
    2016-11-20 03:54
    回答 1 已采纳 ``` listeners:{ click:drawing///() } ```
  • extjs4 grid 删除行 javascript
    2011-12-06 11:32
    回答 3 已采纳 这个和一般的表格监听事件一样啊。extjs3,和extjs4里的事件名称好像有点不一样（记得不太清楚了）。总之就是在gridpanel上，extjs提供了对单元格单击等等的事件。也就是 这个是4
  • extjs grid的属性
    2014-06-03 13:46
    幻墨如鸳的博客 editable ：是否可编辑，默认为 true    editor ：编辑器   ...Ext.grid.ColumnModel  主要配置项：   columns ：字段数组   defaultSortable ：是否进行默认排序，默认为 fals
  • ExtJS快速入门学习指南
    2018-08-04 18:02
    从放弃到开始的博客 前言：个人理解ExtJS其实 是一个Ajax 框架，是一个用javascript 写的。与EasyUI差不多的一个框架。...ExtJS快速入门指南 一、ExtJS 框架简介....................................................
  • ExtJs Grid控件的配置与方法
    2016-10-13 16:02
    搬砖的老刘的博客 1、Ext.grid.GridPanel  主要配置项：  store：表格的数据集  columns：表格列模式的配置数组，可自动创建ColumnModel列模式  autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0  ...
  • Extjs5 Grid条件查询
    2015-11-17 07:18
    回答 2 已采纳 reader配置对了没有，rootProperty是否和数据源的数据集合名称一致 数据返回格式类似，rootProperty要配置为"rows" ``` { "total
  • Extjs5 grid store record data
    2017-05-08 06:43
    回答 1 已采纳 ``` Ext.Array.each(data,function(record){ delete data.id;//// jsonArray.push(r
  • extjs grid 动态编辑、添加数据（grid添加新的行）
    2017-08-18 06:46
    回答 1 已采纳 http://blog.csdn.net/e_wsq/article/details/7466990
  • Extjs4.x GridPanel用法详解
    2015-11-30 11:32
    iteye_2762的博客 参考资料：http://www.qeefee.com/article/extjs-grid-in-detail   创建GridPanel 要使用GridPanel，首先要定义Store // 创建store var store = Ext.create("Ext.data.Store", { fields: [{ ...
  • ExtJS 快速反入门指南
    2017-08-07 10:18
    叶林的博客 《ExtJS 快速反入门指南》专业ExtJS 应用解决方案成都蓝源信息技术有限公司www.lanyotech.com 2 目录 一、ExtJS 框架简介.........................................................................
  • ExtJs grid 的属性
    2015-07-13 16:11
    天下布武の信长的博客 1、Ext.grid.GridPanel 主要配置项： store：表格的数据集 columns：表格列模式的配置数组，可自动创建ColumnModel列模式 autoExpandColumn：自动充满表格未用空间的列，参数为列id，该id不能为0 stripeRows：...
  • Extjs如何在Window中加入表单及grid javascript
    2016-08-11 10:04
    回答 2 已采纳 看下载的压缩包里面的ext-4.1.1a\examples\form这里目录下的form-grid.html示例，然后将里面创建的表单对象作为window对象的元素（设置window对象的items为
  • ExtJS表格——行号、复选框、选择模型
    2012-10-09 11:19
    longxinzishu的博客 一、 设置行号  行号的设置主要问题在于删除某一行后需要重新计算行号  Ext.onReady(function() {  var cm = new Ext.grid.ColumnModel([ ... new Ext.grid.RowNumberer(), --在这里设置行号
  • 没有解决我的问题, 去提问