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

Question

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

喜欢Hierachy http://trirand.net/demoaspnetmvc.aspx

中的这个页面

谢谢！

Answer 1

在页面Custom Row Detail上，您可以看到如何使用subGridRowExpanded事件句柄将自定义HTML数据显示为子网格数据。一般来说，如果你有任何标准的jqGrid，你可以很容易地实现同样的。您只需将subGrid: true添加到网格中，并定义将html附加到子网格的subGridRowExpanded：

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);
}

你可以看到这个直播here：