Tag: jstree

我可以在按钮点击时显示/创建jsTree吗？

我有一个div id=”result” ，用于显示用户操作的结果。 我也把纯文本和HTML放在那里。 在每个用户操作之后，该div将被新results覆盖。 现在我想在这个div里面显示一个jsTree的实例我有工作的jsTree在页面加载时很好地加载但是在我的结果div中插入 之后它没有加载。 我尝试过以下两行，但都没有效果。 $(“#tree”).jstree(“loaded”); $(“#tree”).jstree(“refresh”); 知道如何让jsTree显示后按钮点击吗？ 请在jsfiddle上播放 ，你可以看到一棵树，我想在点击按钮后显示另一棵树。 我是在树后而不是文本。 在将hstree div放入html之后，我想我需要重新加载或刷新树。

JSTree – 如何强制用户tp只选择树的叶子

在我的JStree中，我希望用户只能选择树的叶子。 例如：没有孩子的节点。 我的想法是绑定select事件并手动检查所选节点是否有子节点，然后选择/不选择相应的节点。 有更简单的方法吗？ 或者这是一个明显的解决方案吗？

jstree：未捕获的TypeError：无法读取未定义的属性’children’

在我的服务器中，我以jsTree的格式返回一个JSON对象： {“id”:”value”, “text”:”value”, “parent”:”value”} 我通过Ajax调用在我的视图中得到它。 Console.log向我显示了详细信息，但jsTree给了我错误： 未捕获的TypeError：无法读取未定义的属性“children” 视图： $.ajax({ url: “/category”, dataType: ‘json’, type: ‘GET’, success: function (res) { $.each(res, function (i, obj) { products.push([obj.id, obj.parent, obj.text]); $(‘#jstree_demo_div’).jstree({ ‘core’: { ‘data’: [{ “id”: obj.id, “parent”: obj.parent != 0 ? obj.parent : “#”, “text”: obj.text }] } }); console.log(obj.parent != 0 ? obj.parent : “#”); }); […]

jstree获取所选节点的级别

如何获得当前所选节点的学位/级别？ 即它拥有的父母数量。 我有一节在选择节点时执行： .bind(“select_node.jstree”, function (event, data) { var nodeInfo = $(“#” + data.rslt.obj.attr(“id”)); console.log(data.rslt.obj.attr(“id”)); // the id of the node console.log(nodeInfo.children(“a”).text()); // the name of the node // the level of the node??? });

单击按钮时，在jstree中按ID删除节点

我正在使用jstree ，我想在单击按钮后通过其ID删除特定节点。 这是我的html列表格式的树： Fruits and Vegetables Fruit Apple Banana 这是我的按钮事件（我有几个按钮，因此数组）： buttons[0].addEventListener( “click”, function( ev ) { $(“#testtree”).jstree(“remove”, $(“111”)); }); 我缺少什么想法？ 更新： 我已经纠正了错字，但它仍然无效。 这是完整的代码，也许是其他地方的错误？ jstree test Fruits and Vegetables Fruit Apple Banana Remove Apple $(document).ready(function() { $(“#testtree”).jstree({ “plugins” : [ “themes”, “html_data”, “checkbox”, “ui” ], “core”: { “initially_open”: [“1”]} }); }); var buttons = document.querySelectorAll(“button”); buttons[0].addEventListener( […]

jstree delete_node（）未删除

我一直在拼凑一个函数，为不同的节点组合一个自定义上下文菜单。 好吧，到目前为止，很好地让不同的标签显示文件夹或文件的点击，但实际上没有那么多删除它们。 看一看。 我不得不……做一些hacky解决方法，因为我无法让node.hasClass（’jstree-open’）yada yada工作正常，但这通常会达到应该做的一点删除 function customMenu(node) { //Show a different label for renaming files and folders var ID = $(node).attr(‘id’); if (ID == “j1_1”) { return items = {}; //no context menu for the root } var $mynode = $(‘#’ + ID); var renameLabel; var deleteLabel; var folder = false; if ($mynode.hasClass(“jstree-closed”) || $mynode.hasClass(“jstree-open”)) […]

用于节点创建的DOM回调

每当满足某个选择器的div插入DOM时，我想要执行某个回调。 我已经探讨了DOM事件文档，而我发现的最接近的事件是“加载”，但它并不像我希望的那样完成。 理想情况下，我想要的是： $(“.myclass”).live(“load”, function(){… do stuff to $(this) …} 给出我正在做的事情的一些背景： 我在网页上有一个事件，每次点击某个按钮时都会创建新的表单。 修改JS代码是非常不受欢迎的。 我想将表单中的一个字段转换为jstree，因此我能想到的唯一方法是为插入到DOM事件附加一个回调并在func中附加一个jstree。 更新：我发现DOMNodeInserted，但显然它在IE中不受支持。

在jsTree中添加rel标记/禁用链接

我试图将rel标签添加到jsTree为空的所有rel。 我已经设法让它在jsFiddle中工作，但是当尝试将相同的代码应用于完整的树时，它不起作用（也就是说，rel标记仍然是空白/空）。 我从我的树中获取了生成的源代码以用作此示例，这就是为什么我感到困惑的是代码无效。 这是工作的jsFiddle版本： 在这里查看 。 此外，如果rel =’disabled’，是否有可能删除或禁用a href以禁用链接？

有效的json动态创建一个jstree节点

我有一个返回角色列表的方法，我想把这些角色放在jstree中，但我不知道如何。 我试着做以下但我不知道如何为jstree创建一个有效的json function createNodeList() { $(‘#processRoleTree’).jstree({ “json_data”: { “ajax”: { “type”: “POST”, “url”: “/TreeLoader.aspx?Action=GetProcessRoles”, “dataType”: “json”, “data”: function (n) { return { id: n.attr ? n.attr(“id”) : 0} } } }, “plugins”: [“json_data”, “themes”, “ui”] }).bind(“select_node.jstree”, function (e, data) { var selectedObj = data.rslt.obj; alert(selectedObj.attr(“id”)); }); } 在TreeLoader.aspx页面加载我有： protected void Page_Load(object sender, EventArgs e) { […]

循环遍历jstree以搜索节点id的所有出现，然后更改这些节点的类

我有以下javascript代码更改jstree中每个选定节点的类（ 标签）： $j(“#actionButton1”).click(function() { $j.each($j(“#demo2”).jstree(“get_selected”), function(index, element) { alert($j(element).attr(‘id’)); var sub_id = $j(element).attr(‘id’); //node id is stored in the varialble sub_id $j(“#”+sub_id+” ins:eq(1)”).attr(“class”,”jstree-icon2″); // set class to display new icon });//end of selected nodes loop }); 上面的代码工作正常，除了一件事，如果所选的sub_id存在于树中的多个位置，则显示新图标的类似乎不起作用。 我相信我已遍历jstree来搜索sub_id的所有出现，然后将新类关联到节点。 关于如何做到这一点的任何暗示都是最受欢迎的。 非常感谢。