Tag: jstree

jsTree – 在展开之前渲染所有节点？: 我想在树中选择一个项目时，在一个单独的div（.childNodes）中显示jsTree父级的所有后代的标题。我的问题是后代似乎是延迟加载的，并且只在扩展节点时才在DOM中呈现，而不是在选择它时。有没有办法在父扩展之前禁用它来渲染所有节点？这就是我创建树的方式： container.jstree({ ‘core’: { ‘data’: { ‘url’: nodesContent, } }}); 这就是我处理所选事件的方式： container.on(“changed.jstree”, function (e, data) { var i, list = “”; var children = data.instance.get_children_dom(data.selected[0]); for (i = 0; i < children.length; i++) { list += "” + children[i].innerHTML + “”; } list += “”; jQuery(“.childNodes”).html(list);}); 谢谢。

jstree阻止将节点移动到子节点: 所以我现在已经使用jstree了一段时间，但仍然无法处理它，这几乎是一个令人头痛但很好，我们决定使用它。我使用的数据来自HTML（不涉及JSON）。我遇到的问题是，我不确定如何设置某些节点不是文件夹。每个节点都有一个类，并且基于该类我可以更改它的图标但是如果用户试图在这些节点内发送任何不应该是文件夹的节点，他们就可以。我需要以某种方式阻止这种情况，但到目前为止我测试的每件事都根本不起作用。 $(“jstree”).jstree({ “core”: { “animation”: 0, “check_callback”: true }, rules: { draggable: “all” }, “dnd”: { “drop_finish”: function (data) { if (data.o.attr(“rel”) === “ds”) { //update chart with new data here? //using data.o.attr(“id”) } }, “drag_check”: function (data) { if (data.r.attr(“rel”) != “ds”) { return false; } return { after: false, […]

如何通过设置类来格式化jsTree中的“li”和“a”DOM元素？: 基本上，我有一个jsTree，我需要通过为每种类型添加自定义类来格式化它的li和DOM元素。文档不清楚如何做到这一点，据我所知，没有办法添加自定义类，任何格式化都必须通过重写jquery主题或编辑jsTree源代码。我可以在JSON数据中执行此操作，或者在声明此类示例中显示的“类型”时更有效： $(“#container”).jstree({ “plugins” : [“themes”, “json_data”, “ui”, “themeroller”, “types”], “json_data” : {“data”: my_json_data}, “core” : { “initially_select” : [ init_id] }, “types” : { “valid_children” : [ “test_type” ], “types” : { “test_type” : { “valid_children” : [ “default”, “test_type” ], “icon” : { “image” : “/includes/icon.gif”} } } }, “themes” : { […]

防止jsTree节点选择: 我正在使用jsTree插件列出文件系统中的文件夹。我需要阻止用户在满足特定条件之前更改到另一个节点。下面的代码并没有停止传播…我看到了其他插件的一些解决方案，但这是一个简单的任务，必须可以没有其他插件。 $(‘#jstree’).on(‘select_node.jstree’, function (e) { if (!changeAllowed() { e.preventDefault(); e.stopImmediatePropagation(); } });

JQuery JSTree – 添加工具提示: 有没有办法将工具提示添加到JSTree节点？当用户将鼠标hover在元素上时，我想显示额外的信息。在谈到JQuery时，我非常密集，所以可能有一个明显的答案。编辑：感谢下面的zzzz，我可以弹出一个简单的hover框。我仍然无法将奇特的JQuery Tooltip应用于它，尽管将树的div放在一个fieldset因为Tooltip页面中的指令会建议。

加载时检查jstree复选框: 我正在使用jQuery jsTree插件复选框。好的，我已经找到了如何处理检查或取消选中复选框的事件。如果它有用，我可以粘贴代码： .bind(“check_node.jstree”, function(e, data) { if(data.rslt.obj !== undefined && data.rslt.obj.attr(\’id\’) !== undefined) { jQuery.ajax({ async : false, type: “POST”, dataType: “json”, url: “adsmanager/adsfields/ajaxappendcategory”, data: { “id” : data.rslt.obj.attr(\’id\’), “itemId” : “‘ . Yii::app()->getRequest()->getParam(‘id’) . ‘”, }, success: function(r) { if(r === undefined || r.status === undefined || !r.status) { data.rslt.obj.removeClass(\’jstree-checked\’); data.rslt.obj.addClass(\’jstree-unchecked\’); } […]

如何获取jstree的row元素的click事件？: 你能告诉我如何获得jstree的row元素的click事件吗？我在小提琴中制作了一个jstree的演示。它是在面板中制作的。你必须按“打开面板”按钮检查面板我想点击jstree元素的事件来点击它的id？为了准备树，我必须多次按“添加测试用例按钮”，然后按“打开面板”按钮。这是我的小提琴http://jsfiddle.net/ZLe2R/6/ function addMenuItemsOfTestSuit(id){ var menuid = “menu_” + id; var ref = $(‘#tree’).jstree(true); alert(‘thank’) ref.create_node(“#”, {“id” : menuid, “text” : id}); ref.deselect_all(); }

jsTree隐藏复选框: 我使用jsTree jQuery插件来显示5级深度树。我想不在最后一级显示复选框。有没有办法在设置或一些jquery处理中执行此操作后我可以删除这些复选框？我可以使用它们的类型插件禁用它们，但我真的希望它们不可见。这是我的树的一个例子“[x]”=一个复选框 [x] lvl 1 [x] lvl 2 [x] lvl 3 [x] lvl 4 [x] lvl 5a [x] lvl 5b [x] lvl 5c 这是我想要的一个例子“[x]”=一个复选框 [x] lvl 1 [x] lvl 2 [x] lvl 3 [x] lvl 4 lvl 5a lvl 5b lvl 5c 编辑答案发现找到了答案。添加将在加载树时调用的.bind，然后添加一些简单的jquery来隐藏复选框。 $(“#right-tree2”).bind(“loaded.jstree”, function(event, data) { $(‘.lvl4’).find(‘ins.jstree-checkbox’).hide(); }) […]

禁用Jstree中的某些复选框: 所以我有一个用JsTree创建的Checkbox树。我想要做的是将所有复选框最初设置为禁用，然后我有一个包含li标签的ID的数组。通过浏览表格，我应该启用属于具有特定ID的标签的复选框。选中时，树应该遵循与默认顺序相同的顺序（当父检查启用时，应检查子项…等等）。我该怎么办？提前致谢。 PS：JsTree插件很精彩。但它缺少大量文档。