Question

我在我们的一个应用程序中使用IVHTREEVIEW。我们的树视图如下所示：

+ click + to see all items in list
Item
Item1.1
Item2
Item2.2

我们会显示每个项目的复选框。对于最终用户，第一个节点“点击+以查看列表中的所有项目”的复选框在我们的业务中没有意义。我需要仅为该节点禁用或隐藏CHECKBOX（“单击+以查看列表中的所有项目”）。我怎么能这样做？

我尝试使用'useCheckboxes'并将其设置为false，在ivh-treeview.js的以下函数中。但它没有用。

你能告诉我如何实现这个目标吗？

trvw.label = function(node) {
trvw.label = function(node) { if(node[localOpts.labelAttribute] == "Click + to see all Items in list"){
node[localOpts.useCheckboxes] = false; } return node[localOpts.labelAttribute];};

Answer 1

您希望使用自定义节点模板，并利用ivhTreeview提供的depth范围变量。

在您的模板中：<div ng-if="depth > 0" ivh-treeview-checkbox></div>

这是一个有效的演示：http://jsbin.com/sadoguv/2/edit?html,js,output

节点模板中支持的范围变量的文档：https://github.com/iVantage/angular-ivh-treeview/blob/master/docs/templates-and-skins.md#supported-template-scope-variables

ivh-treeview禁用第一个节点的复选框

1 个答案: