保存时jqGrid行高增加

时间:2013-06-17 16:57:55

标签: jqgrid-asp.net

我是jqGrid的新手。我正在使用数据类型的网格作为函数。当我编辑一行时,它的高度会增加,以便控件适合。如果我恢复行高度被重置,但如果我保存数据没有,所以当我回去编辑时,行高再次增加。

1 个答案:

答案 0 :(得分:0)

我目前没有在我面前有一个具体的例子,但是我已经广泛使用了jqGrid并发现在使用height参数和一些自定义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是否被覆盖了。希望有所帮助!