問題描述：

　　jqGrid中可以實現(xiàn)subGrid，但是默認(rèn)的都是在表格的最左邊有一個加號，點擊之后在當(dāng)前行的下面expand出一個子表。我想在表格中添加一個超鏈接，點擊后可以實現(xiàn)expand一個subgird。

參考資料：

• http://www.trirand.com/blog/jqgrid/jqgrid.html?（Advanced - Grid as Subgrid）
• http://www.trirand.com/jqgridwiki/doku.php?id=wiki:subgrid_as_grid
• http://www.trirand.com/jqgridwiki/doku.php?id=wiki:subgrid

解決方法：

　　1.　　首先是實現(xiàn)Grid as Subgrid，在上面兩個參考鏈接中都很清楚。唯一的區(qū)別就在于，我現(xiàn)在還在做原型，后臺的代碼沒有實現(xiàn)，所以用的是local的data

datatype : "local", data : subData,

　　2.　　實現(xiàn)對subgrid的手工expand

　　在第三個參考鏈接中我找到了三個方法，如下表，可以實現(xiàn)對subgrid的expand、collapse以及兩者之間的切換（toggle）。

MethodParametersReturnsDescription

expandSubGridRow	rowid	jqGrid object	dynamically expand the subgrid row with the id = rowid
collapseSubGridRow	rowid	jqGrid object	dynamically collapse the subgrid row with the id = rowid
toggleSubGridRow	rowid	jqGrid object	dynamically toggle the subgrid row with the id = rowid

　　我最開始的思路是在鏈接的onclick里面調(diào)用一個function，這個function里面再實現(xiàn)上面的方法。但是沒有實現(xiàn)，原因可能是jqgrid不允許被外部的函數(shù)操作。

　　后來不調(diào)用function，直接調(diào)用上面的方法：

gridComplete : function() {var ids = jQuery("#student_list").jqGrid('getDataIDs');var showData;for ( var i = 1; i <= ids.length; i++) {
　　　　　//i表示rowid，從1開始showData = "<a class='showData' href='#' οnclick=\"$('#student_list').toggleSubGridRow('"+ i + "');\">顯示/隱藏數(shù)據(jù)項</a>";jQuery("#student_list").jqGrid('setRowData',ids[i - 1], {dataItem : showData});} }

Done！

轉(zhuǎn)載于:https://www.cnblogs.com/ZhuJY/p/3522172.html

總結(jié)

以上是生活随笔為你收集整理的jQuery笔记[1]——jqGrid中实现自定义链接弹出subgrid的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。