小编Aqu*_*les的帖子

版:

我使用Angular ui-grid版本3.0.0-RC.18(http://ui-grid.info/).

问题

我想在ui-grid表中实现双击事件.特别是,我想在双击一行时打开一个模态弹出窗口.

我尝试在rowTemplate定义中使用ng-dblclick指令,如https://github.com/angular-ui/ng-grid/issues/2228所示,但'dblclick'事件从未被触发.

然而,我找到了一个解决方案,但使用了我自己创建的指令.如果不创建指令,我可以做得更好吗？

任何评论将不胜感激.

码:

我在Controller的代码如下:

$scope.onDblClick = function(row) {
    var url = '//google.com';
    $window.open(url, "_blank", "height=600,width=800,toolbar=no,location=no,menubar=no,titlebar=no");
}

// Define the New Conflicts Simulation GRID behavior
$scope.myGridOptions = {
    showFooter: false,
    enableSorting: true,
    multiSelect: false,
    enableFiltering: true,     
    enableRowSelection: true, 
    enableSelectAll: false,
    enableRowHeaderSelection: false,  
    enableGridMenu: true,
    noUnselect: true,
    onRegisterApi: function (gridApi){
        $scope.gridApi = gridApi;
    },
    rowTemplate: "<div ng-dblclick=\"onDblClick(row)\" ng-repeat=\"(colRenderIndex, col) in colContainer.renderedColumns track by col.colDef.name\" class=\"ui-grid-cell\" ng-class=\"{ 'ui-grid-row-header-cell': col.isRowHeader }\" ui-grid-cell dbl-click-row></div>"            

} …