ParamQuery：如何处理具有多个网格的事件？答案

【问题标题】：ParamQuery: How to handle events with multiple grids?ParamQuery：如何处理具有多个网格的事件？
【发布时间】：2014-03-06 14:40:57
【问题描述】：

我正在使用 ParamQuery 在网页上加载网格。

我在选择器#tabela 中有两个网格：

$objOrcamento 是主网格
$grid 是细节网格

现在我想为它们处理cellBeforeSave、load 等事件，但我一直收到错误消息：

Uncaught TypeError: Object #<Object> has no method 'pqGrid'

比如处理$grid中的cellBeforeSave，我试过了：

var $grid={
   //colModel, dataModel, etc...

  cellBeforeSave: function (evt, ui) {
            var isValid = $grid.pqGrid("isValid", ui);
            if (!isValid.valid) {
                evt.preventDefault();
                return false;
            }

   },
}

这不起作用，所以我在var $grid之外尝试过：

$("#tabela").on("pqgridcellbeforesave", function (event, ui) {
        var isValid = $grid.pqGrid("isValid", ui);
        if (!isValid.valid) {
            evt.preventDefault();
            return false;
        }
});

但这会产生同样的错误。在多个网格中处理事件的正确方法是什么？

提前感谢您的帮助！

【问题讨论】：

标签： javascript jquery

【解决方案1】：

您的$grid不是网格，它只包含用于初始化 pqgrid 插件的选项。

试试这样的：

$("#tabela").pqGrid({
   //colModel, dataModel, etc...

  cellBeforeSave: function (evt, ui) {

        // have to call pqgrid on a jquery object:
        var isValid = $("#tabela").pqGrid("isValid", ui);
        if (!isValid.valid) {
            evt.preventDefault();
            return false;
        }
   },
});

【讨论】：