jquery - 防止jsTree节点选择

Question

我正在使用 jsTree 插件列出文件系统中的文件夹。我需要阻止用户在满足特定条件之前更改到另一个节点。
下面的代码不会停止传播...我看到了一些使用其他插件的解决方案，但这是一个简单的任务，没有其他插件它一定是可能的。

$('#jstree').on('select_node.jstree', function (e) 
{
    if (!changeAllowed()
    {
        e.preventDefault(); 
        e.stopImmediatePropagation();
    }
}); 

Answer 1

为我自己和后代编写文档:加载 jstree JS 后需要包含以下函数(来自: https://github.com/vakata/jstree/blob/master/src/misc.js ):

// jstree conditional select node
(function ($, undefined) {
  "use strict";
  $.jstree.defaults.conditionalselect = function () { return true; };

  $.jstree.plugins.conditionalselect = function (options, parent) {
    // own function
    this.select_node = function (obj, supress_event, prevent_open) {
      if(this.settings.conditionalselect.call(this, this.get_node(obj))) {
        parent.select_node.call(this, obj, supress_event, prevent_open);
      }
    };
  };
})(jQuery);

然后在初始化 jstree 实例时执行如下操作:

$('#jstree').jstree({
  'conditionalselect' : function (node) {
    return <something that determines condition> ? true : false;
  },
  'plugins' : ['conditionalselect'],
  'core' : {
    <core options>
  }
});