jqgrid-asp.net - 保存时jqGrid行高增加

Question

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

Answer 1

目前我面前没有具体的例子，但我已经广泛使用了 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 选择器或只是概括它来使其特定于行中的控件类型， ETC。

如果您已经尝试过这些事情并且由于某种原因 CSS 无法保持行高正确，那么我会看看 CSS 的顺序。例如，在 Chrome 中打开它，看看你的 CSS 是否在某个地方被覆盖。希望有帮助！