jqGrid属性介绍

Posted 2020-09-26 古兰精

一、jqGrid属性：

width：
Grid的宽度，如果未设置，则宽度应为所有列宽的之和；如果设置了宽度，则每列的宽度将会根据shrinkToFit选项的设置，进行设置。

height ：

Grid的高度，可以接受数字、%值、auto，默认值为150。
shrinkToFit：
此选项用于根据width计算每列宽度的算法。默认值为true。如果shrinkToFit为true且设置了width值，则每列宽度会根据width成比例缩放；如果shrinkToFit为false且设置了width值，则每列的宽度不会成比例缩放，而是保持原有设置，而Grid将会有水平滚动条。　　
autowidth：
默认值为false。如果设为true，则Grid的宽度会根据父容器的宽度自动重算。重算仅发生在Grid初始化的阶段；如果当父容器尺寸变化了，同时也需要变化Grid的尺寸的话，则需要在自己的代码中调用setGridWidth方法来完成。

　　这些属性只能是保证第一次时的宽度，当浏览器大小变化如还想让表格宽度自适应，就需要用jqgrid的方法setGridWidth,它有两个参数：new_width、shr，当第二个参数不设置时会按照shrinkToFit的设置值或默认值，而第一个参数则要设置的新的宽度值，所以可用js实现对浏览器宽度变化的自适应：　　

$(function(){　　
    $(window).resize(function(){　　
        $("#analyDataTab").setGridWidth($(window).width()*0.99);
        $("#charDataTab").setGridWidth(document.body.clientWidth*0.99);　
    });　　
});

注：这里的百分比可按自己需要来设定，也可直接是浏览器的宽度大小。

 二、jqGrid保持显示垂直滚动条

在IE中记录比较少的时候，默认情况下不显示垂直滚动条，会出现标题行与数据行位置对不 齐的情况，通过保持显示垂直滚动条可以解决这个问题。

$( pGridId ).closest(".ui-jqgrid-bdiv").css({ ‘overflow-y‘ : ‘scroll‘ });

需要保持水平滚动条，则：

$( pGridId ).closest(".ui-jqgrid-bdiv").css({ ‘overflow-x‘ : ‘scroll‘ });

三、动态显示隐藏某一列

$("#grid_id").setGridParam().showCol("colname").trigger("reloadGrid");
$("#grid_id").setGridParam().hideCol("colname").trigger("reloadGrid");