Question

我使用的是ui-Grid v 3.0.1。

我有一个特定列的自定义单元格模板，每行显示一个按钮。我附加了一个ng-click属性，该属性调用appScope来触发某些操作。

一切都很美妙。

但是，单击自定义模板按钮也会导致选择相关行进行切换。

我需要防止这种情况发生。

即。单击自定义模板按钮应保留当前行的选择状态。

我怀疑我需要以某种方式取消行选择事件。

有人能指出我正确的方向吗？

vm.gridOptions = {
        data: "vm.myGridData",
        columnDefs: [
            { field: "Col1", displayName: "Col1", width: 100 },
            { field: "Col2", displayName: "Col2", width: 200 },
            { name: " ", cellTemplate: "<div><button ng-click='grid.appScope.displayRecord(row.entity)'><i class='fa fa-search'></i></button></div>" }
        ],
        enableRowSelection: true,
        enableSelectAll: true,
        showGridFooter: true,
        multiSelect: true,
        enableSorting: true,
        enableFiltering: true,
        enableFullRowSelection: true,
        enableRowHeaderSelection: true
    };

Answer 1

添加

$event.stopPropagation();

到ng-click属性，您可以在此plunker中看到。

您可以在javascript属性中对ng-click个调用进行链接，只需将它们放在另一个旁边，并使用;作为分隔符，如下所示：

ng-click = "instructionOne(); instructionTwo(argument); $event.stopPropagation();"

UI-Grid与自定义单元格模板中的按钮 - 如何取消行选择事件？

1 个答案: