Question

我已经在plunk中重现了我所面临的问题。

我有一个带有可编辑行的kendo-grid。

点击编辑＆amp;单击“库存中的单位”列的值，会使警报弹出窗口触发两次。
点击取消＆amp;然后再次单击同一列，弹出窗口只打开一次。

为什么会发生这种情况？如何解决此问题，因此即使行处于编辑模式，弹出窗口也只会打开一次。

$scope.grid.options = {
dataSource: $scope.dataSource,
pageable: true,
height: 550,
toolbar: ["create"],
columns: [
    "ProductName",
    { field: "UnitPrice", title: "Unit Price", format: "{0:c}", width: "120px" },
    { field: "UnitsInStock", title:"Units In Stock", width: "120px", template: '<a href="" ng-click="test(dataItem.UnitsInStock)">{{dataItem.UnitsInStock}}</a>'},
    { field: "Discontinued", width: "120px" },
    { command: ["edit", "destroy"], title: "&nbsp;", width: "250px" }],
editable: "inline"
};

Answer 1

观察者行为是由于即使字段不可编辑，当网格处于内联编辑模式时仍然构建整个编辑行，因此单击事件处理程序会连接两次。

最直接的解决方法是在事件数据对象上调用stopImmediatePropagation()。这是一个jQuery文档。

查看此plunk。

Kendo Grid可编辑行问题

1 个答案: