jstree内の子ノードの選択数を制限する

Question

jsTreeを使用しています。子ノードの選択を4に制限したい（4つ以上のノードを選択したり、すべてのチェックボックスを無効にすることはできない）。私は働いていない選択限界を使用しています。どうすればこれを達成できますか？私はちょうどこのに自分自身を走った

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 1

。

jsTree v3 +を使用している場合、「UI」プラグインは存在しなくなり、「select_limit」プロパティも存在しません。 This is the current list of plugins that are available.

一度に1つの選択肢を制限したければ、コアモジュールには必要に応じてtrue/falseに設定できる "multiple"プロパティがあります。しかし、それを4つの選択肢に限定したい場合は、the author recommended using the "conditional select" plugin。

Answer 2

を次のように、従来の方法に続いて、このタスクを成し遂げることができ

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