jqgrid - JQGrid - 我们如何制作自定义行详细信息

Question

有人给了我一些示例代码来使我的网格像这样。我在文档中读到 jqgrid 只支持子网格。

喜欢 Hierachy 中的这个页面http://trirand.net/demoaspnetmvc.aspx

谢谢 ！

Answer 1

在自定义行详细信息页面上，您可以看到如何使用subGridRowExpanded事件句柄将自定义 HTML 数据显示为子网格数据。一般来说，如果你有任何标准的 jqGrid，你可以很容易地实现它。您应该只添加subGrid: true到网格并定义将subGridRowExpanded哪个附加 html 到子网格：

subGridRowExpanded: function(subgrid_id, row_id) {
    var html = "<span>Some HTML text which corresponds the row with id="+
               row_id + "</span><br/>";
    $("#" + subgrid_id).append(html);
}

你可以在这里看到这个：