Блог

У меня есть jstree с несколькими узлами. Рендеринг выполняется нормально. В дополнение к этому я хотел бы иметь еще несколько опций.

1. Если выбранных узлов больше n (скажем, 5), то все остальные невыбранные флажки должны стать отключенными и при наведении на них должно отображаться сообщение «Максимальное количество 5».
2. Если попытаться отменить выбор любого из выбранных 5 узлов, все флажки должны быть доступны для повторного выбора. В этом случае сообщение о наведении должно быть скрыто.

Ниже приведен кодовый ввод для моей реализации Jstree, поэтому для…

Что мне нужно сделать, так это,

 1. Get the unselected nodes on hover condition if selected > 5, and disable all the unselected nodes with the css style

    cursor: not-allowed !important;  
    opacity: 0.4 !important;


Plus show the hover message "maximum of 5 reports".

2. If click on any selected nodes, then check if maximum 5 reached, enable all the unselected nodes remove the above css and allow the selected node to de-select.
  

Есть идея сделать это в функции event?? Или отображение дерева?? В настоящее время я немного запутался. Я искал много вопросов в SO. Но каждый из них отличается.

Кто-нибудь может мне помочь??