JQGrid按鈕在主柵格每行加載詳細網格

Question

我在這個網址測試示例：http://trirand.com/blog/jqgrid/jqgrid.html。現在詳細信息網格在頁面加載時使用默認ID進行加載。

請求的功能：

我想詳細信息按鈕，每一行中點擊要加載詳細信息網格時。任何人都請告訴我如何。我也在爲此而苦苦掙扎。

Answer 1

您可以使用custom formatter或instert的<botton type='button' ....>（或<input type='button' ...>）與尊重 'setRowData' 的loadComplete或gridCompleteevent handler內。如果您查看jqGrid demo並選擇「行編輯」/「自定義編輯」，可以找到一個示例。 onClick事件的綁定可以使用jQuery.click（如「行編輯」/「自定義編輯」示例或unobtrusive方式（請參見here中的一個示例，但不是完全相同的問題，但希望您會理解我的意思）或jQuery.bind。順便說一句，你可以考慮使用鏈接代替按鈕（<a>或showLink）。

在「點擊」手柄的內部，您可以像在onSelectRow之內一樣強制加載細節網格。

修訂：看here，看看如何能夠把靜態文本作爲jqGrid的鏈接：

這可能需要填寫「詳細信息」一欄爲空字符串「」的JSON響應從服務器。在某些情況下取決於數據格式，並且使用它可能不是必需的。

如果是主/細節場景，您可以在演示示例中顯示「設置url或postData並觸發gridReload」細節網格，在「點擊行...」文本的位置顯示網格。