Tag: jstree

JStree和ajax

我正在尝试使用ajax数据更新我的js树。 我想在从ajax.Kindly帮助中获取所有数据后才更新树。 但我得到的错误是“Uncaught TypeError：$（…）。jstree（…）不是HTMLDocument.eval的函数（eval at（jquery.min.js：2）”我的代码如下： – #tree { margin-top: 50px; } <script src='https://cdnjs.cloudflare.com/ajax/libs/jstree/3.2.1/jstree.min.js' Click a node var data =[] var data = [ { “id” : “root”, “parent” : “#”, “text” : “Root”, “state”: {“opened”:false} }, ] var my_dictionary = {}; var flag = false; $(document).ready(function() { var my_dictionary = {}; //var DatesNew = Date1+”|”+Date2; […]

更改jstree中的AJAX选项并从服务器重新加载树

我正在使用ajax在我的jsTree中加载XML平面树，所以声明看起来像这样（它工作正常）： $(“#jstree”).jstree({ “xml_data”: { // “data”: $xmlFlatData, “ajax”: { type: “POST”, async: true, “url”: loc + “/AjaxReturnTree”, data: ‘{“longnames”:”‘+flag+'”}’, contentType: “application/json; charset=utf-8”, dataType: “json”, cache: false, success: function (msg) { var mm = eval(‘(‘ + msg + ‘)’); ; // create object to get rid of json return mm.d; }, error: function () { // […]

将Json作为变量加载到jsTree中

我正在和Json一起使用jstree。 我的问题是我可以将Json直接提供给jsTree数据，但是当我将它作为变量传递时，它将打印整个Json字符串作为一个节点的标题。 下面是nodes.json { “id”: “ajson1”, “parent”: “#”, “text”: “Simple root node” }, { “id”: “ajson2”, “parent”: “#”, “text”: “Root node 2” }, { “id”: “ajson3”, “parent”: “ajson2”, “text”: “Child 1” }, { “id”: “ajson4”, “parent”: “ajson2”, “text”: “Child 2” }, 以下代码有效 request = $.getJSON(“nodes.json”); var data; request.complete(function() { data = request.responseText; console.log(data); $.jstree.defaults.core.themes.responsive = […]

jsTree：动态附加子节点

我在页面加载时使用下面的代码来使用jsTree生成树。 $(‘#jstree_demo_div’).jstree({ ‘core’: { ‘themes’: { ‘name’: ‘proton’, ‘responsive’: true }, ‘data’: results, “check_callback” : true } }); 一切正常，结果数组显示为树。我想在点击这个静态树中的几个节点时动态添加/追加子节点。 请帮忙。

从JQGrid拖到jsTree v.0.9.9a

我想从我创建的jqGrid中拖出一行，并在jsTree（v.0.9.9a）中的节点上触发一个drop事件。 无论如何都要这样做 – 仅使用 jsTree的v.0.9.9a 。 问候。

选择JSTree检查节点是叶子还是只选择叶子

我创建了如下jstree $(‘#js-tree’).jstree({ ‘core’ : { ‘data’ : { ‘url’ : “${pageContext.request.contextPath}/makeTree”, “plugins” : [ “types”, “search”], ‘data’ : function (node) { return { ‘id’ : node.id }; } } } }); 我想在提交信息时检查所选节点是否为叶节点 – var selectedLeaves = $(“#js-tree”).jstree(“get_selected”); 但是这只给了我一组id。 如何使用is_leaf方法从所选节点中过滤我们唯一的叶节点？ 我提到这个post – 强制用户只选择叶子节点这个解决方案对我不起作用。

如何在子节点使用JSTREE动态加载数据时显示加载图像？

在我的项目中，iam通过ajax调用动态填充子节点数据。由于数据更多，加载数据需要时间。所以我想在树中显示加载图像（在子节点位置）。 怎么实现这个？

如何收听jsTree deselect事件？

我正在尝试听取如下所示的取消选择JsTree的事件 $(document).ready(function() { var jData = [{ “data”: { “attr”: { “title”: “A node” }, “title” : “A node” }, “children”: [{ “data”: { “title”: “child” }, “children”: [{ “data”: { “title”: “Grand Child” } }] }] }]; var myTree = $(“#demo1”).jstree({ “json_data”: { “data”: jData }, “plugins”: [“json_data”, “ui”, “themeroller”] }); $(myTree).bind(“select_node.jstree”, function(evt, data) […]

在jsTree中，如果不为空，如何防止删除文件夹

我有一个由文件夹和文件组成的树，代表图像（而不是文档）。 我试图阻止图像被删除，同时允许添加，重命名，移动和删除文件夹。 使用jsTree类型我可以防止删除图像但是如果图像在文件夹内则不能。 如果这些相同的图像位于文件夹中，则将删除包含所有图像的文件夹。 有关如何防止删除非空文件夹的任何建议 – 其中包含图像？ 我尝试在“types”“delete_node”中放置一个函数，但是我很难确定要删除的文件夹。 我使用$（这个）没有运气。 这是我最近的尝试。 尝试在发送delete_node之前测试图像 – .bind(“before.jstree”, function (e, data) { if(data.func === “delete_node”) { if ($(e.currentTarget).find(“[rel=’imgIR’]”)){ // rel=’imgIR’ identifies images alert(“Folder must be empty to delete it.”); e.stopImmediatePropagation(); return false; } else { return true; } } }) 它的作用是阻止它删除。 但它每次都会停止删除，有或没有图像。 当我将（e.currentTarget）.html（）发送到控制台日志时，包含整个树，而不仅仅是要删除的文件夹。 我无法找到一种方法来选择特定的文件夹。 我正在使用的插件是： “plugins” : [ “html_data”, “types”, […]

jsTree按类拖放限制文件夹

如何通过类名class =“locked”锁定文件夹上的拖动function？ 并同时锁定其他文件夹被拖入此文件夹class =“locked”。 我想要一个设置，我有拖放和上下文菜单。 如果节点的类名称为“已锁定”，我只想禁用上下文菜单的编辑以及拖入此文件夹或将此文件夹拖到新位置的可能性。 TNX