我正在使用 AngularJS 中的指令概念,使用 AngularJS 中的单击事件函数来显示 TreeView 的选定节点值。下面是我的示例代码
树.html:
<div
data-angular-treeview="true"
data-tree-model="roleList"
data-node-id="roleId"
data-node-label="roleName"
data-node-children="children"
data-ng-click="selectNode(roleList[1])"
data-node-children="children">
</div>
treeviewcontroller.js:
$scope.roleList1 = [
{ "roleName" : "User", "roleId" : "role1", "children" : [
{ "roleName" : "subUser1", "roleId" : "role11", "children" : [] },
{ "roleName" : "subUser2", "roleId" : "role12", "children" : [
{ "roleName" : "subUser2-1", "roleId" : "role121", "children" : [
{ "roleName" : "subUser2-1-1", "roleId" : "role1211", "children" : [] },
{ "roleName" : "subUser2-1-2", "roleId" : "role1212", "children" : [] }
]}
]}
]},
{ "roleName" : "Admin", "roleId" : "role2", "children" : [] },
{ "roleName" : "Guest", "roleId" : "role3", "children" : [] }
];
Treeview.js:
scope.selectNode = function(val)
{
alert(val.roleName);
}
output:
user
subuser1
subuser1-1
Admin
subadmin1
从此警报位置的输出中,单击管理节点将显示“管理”。但我想在单击事件功能中显示动态选择的节点值。请建议我如何执行此操作。 谢谢
最佳答案
为了动态选择树的节点,我执行了以下操作:
假设您要选择树的第一个(顶部,[0])元素。 所以首先将 data-tree-id="myTreeId"添加到您的 HTML 中:
<div
data-angular-treeview="true"
data-tree-model="roleList"
data-node-id="roleId"
data-node-label="roleName"
data-node-children="children"
data-ng-click="selectNode(roleList[1])"
data-node-children="children"
data-tree-id="myTreeId">
</div>
比在 Controller 中:
$scope.roleList1[0].selected = "已选择";
$scope.myTreeId.currentNode = $scope.roleList1[0];
关于angularjs - 如何使用 angularjs 指令中的单击事件获取 TreeView 的选定节点值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24648997/