Ajouter un événement de double clic sur un nœud enfant dans le widget angulaire-arbre

Je suis nouveau sur angular-tree-widget.js. Nous devons mettre en place un événement double clic dès que nous cliquons sur un noeud enfant. Tout ce que j'ai trouvé seulement deux événements sont pris en charge.Ajouter un événement de double clic sur un nœud enfant dans le widget angulaire-arbre

$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;  
});

Comment ajouter un événement de double-clic sur un noeud ici? Aidez-moi, s'il vous plaît. Merci d'avance.

Source

2017-04-06 Sushil Gupta

Avez-vous essayé this ng-dblclick = "" ... –

Comment ajouter cette propriété au noeud? Nous construisons l'arbre dans angular.js? –

Vous pouvez ajouter ng-dblclick, comme suggéré @Manikandan, de la manière suivante:

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') 
    } 
    ... 
}])

Live Demo

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

Comme vous pouvez le voir, l'idée est de souscrire à l'événement sur l'élément parent de l'arbre et la distinction entre les éléments d'arbre en utilisant evt.target, qui est passé au gestionnaire d'événements à l'aide de angulaire $event

Source

2017-04-06 17:56:19 Vadim

Merci pour la réponse. Mais ma question était "double-cliquez sur les nœuds enfants de l'arbre". Ce que nous générons à partir de la base de données. si je double-clique sur un de ces nœuds Est-ce que je peux gérer l'événement? –

@SushilGupta Mon code gère en fait un double clic sur l'un des nœuds enfants de l'arbre, et pas seulement sur l'arbre lui-même. Il suffit de consulter la démo en direct – Vadim

Awesome !!! Cela a très bien fonctionné. –

Ajouter un événement de double clic sur un nœud enfant dans le widget angulaire-arbre

Répondre

Questions connexes