编写项目过程中,遇到要在datagrid数据网格中显示自动增长的序列的需求
探索后实现如下图效果:

虽然datagrid自己有排序号在最左边,但是需求中有这个自动增长列,那就肯定要探索出来并实现的啦!
在datagrid的列属性中使用formatter属性,这是单元格的格式化函数,需要三个参数:
value:字段的值。
rowData:行的记录数据。
rowIndex:行的索引。
我们只需要获取有多少行数据,然后对序号列进行自动增长就可以了,所以此处用index属性
具体实现代码如下:
columns:[[
{field:'oid',title:'序号',width:60,
formatter : function(value, row, index) {//设置自动增长列
index+=1;//设置起始序号为1,如果不加这行代码序号就会从0开始
return index++;//根据行的数量不断自增
}
},
{field : 'order_dealNod',title : '环节名称',width : 60},
{field : 'order_flow_status',title : '环节状态',width : 60}
]],
如果不加index+=1这行代码就会出现如下情况:

这显然不是我们需要的,所以代码中的index+=1必不可少
综上,使用formatter列属性返回每行的行索引+1就可以实现列自动增长。
本文介绍在datagrid数据网格中实现自动增长序号的方法。通过使用formatter属性,根据行索引自增,确保序号从1开始且随行数递增。
7454

被折叠的 条评论
为什么被折叠?



