Question

我是angular-tree-widget.js的新手。单击任何树子节点后，我们需要实现双击事件。我发现只支持两个事件。

$scope.$on('selection-changed', function (e, node) {
    //node - selected node in tree
    $scope.selectedNode = node;
});
$scope.$on('expanded-state-changed', function (e, node) {
    // node - the node on which the expanded state changed
    // to see the current state check the expanded property
    //console.log(node.expanded);
    $scope.exapndedNode = node;    
});

如何在节点上添加双击事件？请帮我。提前谢谢。

Answer 1

您可以按照以下方式添加ng-dblclick，如@Manikandan所示：

<强> HTML

<body ng-controller="TreeController" ng-dblclick="dblclick($event)">
    <tree nodes='treeFamily'></tree>
</body>

<强>的JavaScript

controller('TreeController', ['$scope', function ($scope) {
    $scope.dblclick = function(evt) {
      angular.element(evt.target).toggleClass('red')
    }
    ...
}])

现场演示

https://plnkr.co/edit/nWfiDA82WDpgRGnLqJUs?p=preview

如您所见，我们的想法是订阅树的父元素上的事件，并使用evt.target区分树项，使用角度$event将其传递给事件处理程序

在angular-tree-widget中的子节点上添加双击事件

1 个答案: