您的位置:首页 > 其它

jqgrid动态显示隐藏列,同时自动调整表格宽度

2017-02-20 13:37 435 查看
直接上代码:

function showHideCol(e) {
var colModel = $(grid_selector).jqGrid('getGridParam', 'colModel');
var width = 0;//获取当前列的列宽
for(var i=0;i<colModel.length;i++){
if (colModel[i]["name"] == $(e).val()) {
width = colModel[i]["width"];
break;
}
}
if ($(e).is(':checked')) {
//显示时表格宽度加上列宽
$(grid_selector).setGridWidth($(grid_selector).getGridParam("width")+width);
$(grid_selector).setGridParam().showCol($(e).val()).trigger("reloadGrid");

} else {
$(grid_selector).setGridWidth($(grid_selector).getGridParam("width")-width);
$(grid_selector).setGridParam().hideCol($(e).val()).trigger("reloadGrid");

}
}

<input type="checkbox" name="showCol" value="systemCode"
onclick="showHideCol(this)" checked="checked">编码
</input>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐