在jqGrid中出现HideCol / ShowCol问题

时间:2011-09-06 15:04:41

标签: jqgrid

我正在使用jqGrid来显示数据。我使用hidecol / showcol来隐藏/显示jqGrid中的列。 ShrinkToFit是真的。

首先,我使用hideCol隐藏列。当用户选择一个选项时,我使用showCol方法显示隐藏列。问题是我每次调用showCol时都会减小该列的宽度。

示例代码:

var mydata = [{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"},
{name1:"abcdef",name2:"abcdef",name3:"abcdef"}];
jQuery("#list2").jqGrid({ data: mydata,
datatype: 'local',
height: 300,
rowNum: 30,
rowList: [10,20,30], 
colNames:['Name1','Name2', 'Name3'], 
colModel:[ {name:'name1',index:'name1', width:250}, 
{name:'name2',index:'name2', width:225}, 
{name:'name3',index:'name3', width:250}], 
pager: '#pager2', 
viewrecords: true, 
sortorder: "desc",   
hidegrid: false                          
}).navGrid('#pager2',{edit:false,add:false,del:false,search:true},
{},{},{},{});}  
jQuery("#list2").jqGrid().showCol("name1"); //show col         
jQuery("#list2").jqGrid().hideCol("name1"); //hide col   

1 个答案:

答案 0 :(得分:2)

这似乎与我最近的问题相同。我在三角形论坛here中描述了我的修改错误。 fixed上的代码中的问题已经github

我建议您另外查看another my suggestion,以提高showColhideCol方法的效果。这些建议在jqGrid的github代码中是included

您可以在jquery.jqGrid.src.js

中进行相同的更改