限制在jstree中選擇子節點的數量

Question

我正在使用jsTree。我想限制子節點的選擇爲4（要麼不允許用戶選擇多於4個節點，要麼禁用所有的複選框）。我正在使用選擇限制，這是行不通的。我怎樣才能做到這一點？

$("#mytree").jstree({ 
    "plugins" : [ "themes","html_data", "ui", "crrm","checkbox" ], 
    "html_data" : { 
     // ... 
    }, 
    "checkbox": { 
     "keep_selected_style": false 
    }, 
    "ui": { 
     "select_limit": 4, 
    }, 
    // ... 
}); 

Answer 1

在用常規方法，你可以得到這個任務完成如下

var children = document.getElementById("mytree").children; 
var limit = 4; 
for (var i = 0; i < limit; ++i) 
{ 
    if (!children[i]) return; 
    children[i].classList.add("off"); 
} 

Answer 2

我只是碰到了這個自己。

如果您使用jsTree v3 +，則「UI」插件不再存在，「select_limit」屬性也不再存在。 This is the current list of plugins that are available.

如果您一次只想要一個選擇的限制，核心模塊具有「多個」屬性，您可以根據需要設置爲true/false。但是，如果您想將其限制爲四種選擇，那麼the author recommended using the "conditional select" plugin。