编写项目过程中,遇到要在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就可以实现列自动增长。