jqgrid remapColumns 调整列的显示顺序

列的起始显示顺序从0开始计数,第一个位置对应于第一列,依此类推。例如,如果在colModel中定义了4列,则以[0,1,2,3]为例。在对列进行重新排序之后,数组可以如下所示:[1,0,3,2]。这意味着第一列(0)移动到第二位置(1),第三列(2)移动到四个位置(3)

//语法
$("#gridTable").remapColumns('permutation','updateCells','keepHeader')
//permutation : 为当前列的顺序,例如:[0,1,2]
//updateCells:为ture则是对单元格数据进行重新排序
//keepHeader:为true则对header数据显示位置进行调整

代码实例:

//jqgrid初始化
var isRowNumBers = false;//是否显示行顺序号,默认不显示
 $('#gridTable').jqGrid({
	url:"",
	……
	colModel:[
		{label: '代码', name: 'dm', index: 'dm'},
		{label: '名称'1, name: 'mc1', index: 'mc1'},
		{label: '名称2', name: 'mc2', index: 'mc2'},
		{label: '名称'3, name: 'mc3', index: 'mc3'},
	],
	rownumbers: isRowNumBers ,
	……
 });

列的顺序为[0,1,2,3],当初始时设置 isRowNumBers = true,会在表格左边新增一列,显示行顺序号。此时的列的顺序为[0,1,2,3,4]
测试数据:

 代码名称1名称2名称3
1011测试012测试013测试01
2021测试022测试023测试02
//将名称3调整到代码前面
$("#gridTable").remapColumns([0,4,1,2,3], true)

列表数据显示为:

 名称3代码名称1名称2
13测试01011测试012测试01
23测试02021测试022测试02

执行成功之后,列的显示顺序会从新排序,所以列的显示顺序还是[0,1,2,3,4]",此时名称3"的顺序为1

//将列表还原为最初的样式
$("#gridTable").remapColumns([0,2,3,4,1], true)
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值