JsTree-在选择限制上禁用和启用复选框

Question

我有一个只有几个节点的jstree。效果很好。除此之外，我还希望有更多选择。

1. 如果所选节点大于n（例如5个），则所有其他未选中的复选框都将被禁用，并显示悬停消息“最大数量为5”。
2. 如果尝试取消选择选定的5个节点中的任何一个，则所有复选框均应可供再次选择。在这种情况下，应该隐藏悬停消息。

以下是code pen for my Jstree implementation，因此……

我需要做的是

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.

对事件函数执行此操作的任何想法？？或树渲染？我现在有点困惑。我在SO中搜索了很多问题。但是每种情况都是不同的。

有人可以帮我吗？