Javascript ivh树-禁用节点以进行选择
我不熟悉ivh tree()并使用这个库。我想根据用户权限禁用某些节点进行选择 例如,我有一棵这样的树Javascript ivh树-禁用节点以进行选择,javascript,angularjs,tree,treeview,jstree,Javascript,Angularjs,Tree,Treeview,Jstree,我不熟悉ivh tree()并使用这个库。我想根据用户权限禁用某些节点进行选择 例如,我有一棵这样的树 $scope.bag = [{ label: 'Glasses', value: 'glasses', entitled: false, children: [{ label: 'Top Hat', value: 'top_hat',
$scope.bag = [{
label: 'Glasses',
value: 'glasses',
entitled: false,
children: [{
label: 'Top Hat',
value: 'top_hat',
entitled: true
}, {
label: 'Curly Mustache',
value: 'mustachio',
entitled: false
}]
}];
};
所以基于名为:[boolean]的变量,它应该允许用户选择或取消选择。如何做到这一点?要做到这一点,您需要在自定义节点模板中加入一些逻辑。下面是一个简单的示例,我引入了一个helper指令,它只检查
节点
范围值,并在需要时禁用其复选框
您可以在模板中的
ivh treeview复选框
指令中附加类似的内容。请注意,node
是模板中受支持的范围变量。要实现这一点,您需要在自定义节点模板中加入一些逻辑。下面是一个简单的示例,我引入了一个helper指令,它只检查节点
范围值,并在需要时禁用其复选框
您可以在模板中的ivh treeview复选框
指令中附加类似的内容。请注意,节点
是模板中受支持的范围变量
app.directive('isCbEnabled', function() {
return {
link: function(scope, element, attrs) {
if(scope.node.disabled) {
element.find('input').attr('disabled', true);
}
}
};
});