jqGrid行高度增加时保存它



我是jqGrid的新手。我使用一个网格与数据类型的功能。当我编辑一行时,它的高度会增加,以使控件适合。如果我恢复行高度重置,但如果我保存数据没有,所以当我回到编辑,行高度再次增加。

我现在没有一个具体的例子,但是我已经广泛地使用了jqGrid,并发现在使用高度参数和一些自定义CSS之间,我已经能够解决听起来像你的问题。

例如

jQuery("#examplegrid").jqGrid({
    url:'/your/jsonapiurl',
    datatype: "json",
    colNames:['ID','First Column', 'Second Column'],
    colModel:[
        {name:'id',index:'id', width:55},
        {name:'firstcolumn',index:'firstcolumn', width:90},
        {name:'secondcolumn',index:'secondcolumn', width:100}       
    ],
    rowNum:10,
    rowList:[10,20,30],
    pager: '#examplepager',
    sortname: 'id',
    viewrecords: true,
    sortorder: "desc",
    width: 500,
    height: "100%",
    caption: "Example"
});

注意高度参数-我猜你已经尝试过将高度参数从100%更改为适当的东西,但如果高度仍然不正常,你可以尝试这样的CSS:

#examplegrid .jqgrow {
    height: 25px;
    max-height: 25px;
}

你可能想通过修改css选择器使其特定于你在行中拥有的控件类型,或者只是泛化它,删除id以命中同一页面上的所有网格,如果你在一个页面上有多个网格,等等

如果你已经尝试过这些事情,并且由于某种原因CSS不能保持行高正确,我想看看CSS的顺序。例如,在Chrome中打开它,看看你的CSS是否在某个地方被覆盖了。希望这对你有帮助!

最新更新