asp.net - ParamQuery 网格 (PQGrid) 添加新行到嵌套网格

Question

我正在使用 Paramquery 网格，我需要将新行添加到详细信息网格，新行应该添加到当前行的子行。 我试过这个:

  toolbar: {
                            items: [
                                {
                                    type: 'button', icon: 'ui-icon-plus', label: 'New', listener:
                                      {
                                          "click": function (evt, ui) {
                                              debugger;
                                              var $gridDet = $("#grid_editing").pqGrid("option", "detailModel");

                                              //append empty row at the end.
                                              var rowData = { ID: "2", 'Name':'Has'}; //empty row
                                              var rowIndx = $gridDet.pqGrid("addRow", { rowData: rowData, checkEditable: true });
                                              $gridDet.pqGrid("goToPage", { rowIndx: rowIndx });
                                              $gridDet.pqGrid("editFirstCellInRow", { rowIndx: rowIndx });
                                          }
                                      }
                                }

                            ]

抛出错误:$gridDet.pqGrid is not a function(以 rowIndx 开头的行抛出错误)

请检查下图以查看我的网格结构。

Answer 1

您可以使用以下方法获取网格:

  var $gridDet = $(this).closest('.pq-grid');

然后对其应用添加逻辑。