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

Question

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

喜欢这个页面在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);
}

你可以在这里看到这个: