angularjs - ngGrid 双击行打开弹出窗口以编辑行

Question

我将如何在 ng-Grid 中实现双击事件？更具体地说，我希望双击打开弹出模式(Angular UI Modal)进行编辑。

关于如何做到这一点有什么想法吗？

Answer 1

在 ng-grid 2.0.11 中，只需调用行模板中的 ng-dblclick 指令

$scope.gridOptions = {
    data: 'gdDtA',
    rowTemplate: '<div ng-dblclick="foo(row)" ng-style="{\'cursor\': row.cursor, \'z-index\': col.zIndex() }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell {{col.cellClass}}" ng-cell></div>',        
};

$scope.foo = function(r) {
    console.log(r);
}

参见:https://github.com/angular-ui/ng-grid/wiki/Templating