jstree

Disable certain checkboxes from Jstree

由 安稳与你 提交于 2020-01-01 13:11:22
问题 So I have a Checkbox Tree created with JsTree. What I want to do is to set all the checkboxes initially to disabled and then I have an Array that contains the ids of the li tags. by browsing the table I should enable the checkboxes that belong to the tag with the specific id. When checked the Tree should respect the same orders as the default one (when parent checked enabled children should be checked as well ... etc). How can I proceed ? Thanks in advance. PS: The JsTree Plugin is wonderful.

Programmatically adding child nodes to a jstree

由 社会主义新天地 提交于 2020-01-01 08:30:31
问题 I'm trying to write some code that adds nodes to a jstree dynamically. I've followed the doc at http://www.jstree.com/documentation/crrm but can't get a simple example to work -- the node child2 is being added, but it is being added to the node 'root.id' rather than 'child1.id' as specified... Any tips would be much appreciated. Code follows <html> <head> <script type="text/javascript" src="http://static.jstree.com/v.1.0rc2/jquery.js"></script> <script type="text/javascript" src="http:/

Issue with JSTree drag drop

由 雨燕双飞 提交于 2019-12-30 11:33:07
问题 I am using JSTree with ASP.net. The html generated for the tree looks like <ul> <li ID="Manager1"><a href="#">node 1</a></li> <li ID="Manager2"><a href="#">node 2</a></li> <li ID="Employee1"><a href="#">node 3</a></li> <li ID="Employee2"><a href="#">node 4</a></li> <li ID="Employee3"><a href="#">node 5</a></li> </ul> When I Drag a node and drop on the other the function written for drag_finish is not getting called. The dnd plgin is used as below, tree.jstree({ ... "dnd": { "drop_finish":

jsTree asynchronous search - trigger load new nodes

由 て烟熏妆下的殇ゞ 提交于 2019-12-29 08:01:38
问题 I have a nicely running implementation of jsTree running on a project of mine. The JSON data is provided by PHP/Ajax. I've run into some trouble while using the search plugin. jsTree's search plugin documentation says: so in your response you must return the path to the node (without the node itself) as ids: ["#root_node","#child_node_3"] ...so, my server side search function is returning a path to the matched node like so (yes, I'm json_encode ing it): Array( '#1', '#2', '#3', '#5' ); // to

JSTree - Load nodes dynamically

由 喜夏-厌秋 提交于 2019-12-29 07:57:14
问题 I'm using jstree v.3. I have a working example, where all the data is downloaded once from the server side via ajax. $('#tree').jstree({ 'core': { 'data': { 'url': "/ajax/getAll", 'data': function(node) { return {'id': node.id}; }, // "check_callback" : true } }, "types": { "category": { "icon": "/img/category.png" }, "page": { "icon": "/img/page.png" } }, "plugins" : ["types"] }); But I have A LOT of data to present. I want to load data for items, that were clicked. I don't have problems

jstree获取选中节点和选中指定节点

由 走远了吗. 提交于 2019-12-26 22:22:53
jstree获取当前选中的checkbox和获取选中节点的所有节点 首先初始化一个带有复选框的 jstree $('#demo_tree').jstree({ "core" : { 'data': [ { "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" }, ] }, "plugins" : ['checkbox'], }); jstree获取当前选中节点 这时分为两种选中，一个是点击也就是鼠标单击 节点 而不是 checkbox 的选中 var treeNode = $('#demo_tree').jstree(true).get_selected(true); //获取所有选中的节点对象 同理获取 checkbox 的选中 var treeNode = $('#demo_tree').jstree(true).get_checked(true)

jstree的checkbox默认选中和隐藏

由 旧时模样 提交于 2019-12-26 22:02:30
jstree复选框自定义显示隐藏和初始化默认选中 首先需要配置 Checkbox plugin "plugins" : ['checkbox'] 设置默认选中状态（checkbox 选中） state: {checked: true} 示例： $('#demo_tree').jstree({ "core" : { 'data': [ { "id" : "ajson1", "parent" : "#", "text" : "Simple root node", state: {checked: true}}, { "id" : "ajson2", "parent" : "#", "text" : "Root node 2" }, { "id" : "ajson3", "parent" : "ajson2", "text" : "Child 1" }, { "id" : "ajson4", "parent" : "ajson2", "text" : "Child 2" }, ] }, "plugins" : ['checkbox'], }); jstree复选框自定义显示隐藏 jstree 本身不支持在节点中隐藏 checkbox，国外有个大佬给出一个利用 css 来隐藏的解决方案： 首先来一段 css .no_checkbox>i.jstree-checkbox{display

how to show static data on jstree using angular-jstree.js plugin

由 你说的曾经没有我的故事 提交于 2019-12-25 07:13:28
问题 I am trying to use jstree(http://www.jstree.com/) in angular .So I find there is a way to use jstree with angular. https://github.com/akhikhl/angularjs-jstree But in that there is no documentation to show data.I follow all steps given in documentation .But I know it didn't display tree view because I didn't take data .can you please tell how I will show static data so that it display tree view. Here is my plunker. http://plnkr.co/edit/L6n71QsGRAoYqyZuftQM?p=catalogue <!DOCTYPE html> <html>

jsTree: loading the jquery.jstree.js file from an app dir behaves differently from loading it from a URL

由 戏子无情 提交于 2019-12-25 03:14:18
问题 I'm sure this is something simple, but it's really confusing me. Unfortunately, I'm extremely new to jsTree/jQuery and very new to javascript. I have a functioning tree in my web application based from an example in the jsTree documentation page. The tree functions, looks good, and events going to it work well. The issue is that the demo loads the jstree javascript library with a URL as follows: <script type="text/javascript" src="http://static.jstree.com/v.1.0rc2/jquery.jstree.js"></script>

How to make some selected items as checked on load in jstree. (selected = “selected” not working)

由 我怕爱的太早我们不能终老 提交于 2019-12-25 01:45:21
问题 In MVC 4 i use jstree. In create operation I have not problem. But in Edit operation, I set true value to some items of treemodel. models are like: public class RecursiveObject { public string data { get; set; } public Int64 id { get; set; } public FlatTreeAttribute attr { get; set; } public List<RecursiveObject> children { get; set; } } public class FlatTreeAttribute { public string id; public bool selected; } When I fill tree model, i set selected = true; to some items and use this in view:
订阅 jstree