[js Tree:11026] Re: dnd for fingers on smartphones This is all I had to do to mark the node in another color, and then once the drop is complete, the color is removed (as the tree is redrawn $(document).on( dnd_start.vakata, function (e, data) data.data.obj.children.jstree-anchor.css( background Color, lime Best regards, Ivan, четвъртък, UTC+3, Peter Pan написа: Ok, i have tried this:$(document).ready (function $(document).bind ( dnd_start.vakata, function (e, data) console.info ( dnd start change Background Color (data.data.obj, white ) $(document).bind ( dnd_move.vakata, function (e, data) console.info ( move /change Background Color (data.data.obj, red ) function change Background Color (node, color) $(node).css ( background-color, color But the node gets white and then, during the drag-and-drop and before drop, gets back to the normal background. When i rmove the remark-slashes, the background gets red on first selected node. White is then not visible. It seems, i must change the color at a other place? Am Mittwoch, 11. Juni 2014 UTC+2 schrieb Peter Pan: Hello Ivan,please do not thumb me! :-) But jstree runs better and better on smartphones. But when i drag and drop, it is almost impossible to see, which branch i move and on which branch the finger is located. I have thinking about the problem: The small icons are hard to see, especially if you are right-handed. If you do it the better for the right-handed, of course, suffer the lefty. Possibly it is better to remove the icons and highlite the start node with a certain colour and then highlite every node under the finger with red or green colour depending from the result from 'check_callback'? If you conquer new areas (smartphones / tablets there is often a lot of new.
I have the following code: $.wp Folders.co_files.bind select_node.jstree function (event, data) get File By Id(data.args[0].hash.replace ).jstree( 'plugins' : ['html_data themes ui types'], 'ui' : 'select_limit' : 1, 'core' : 'animation' : 0, 'types 'default' : 'icon' : 'image' : admin/views/images/file.png' I have a basic unordered list I would like to have displayed as a list of files. I'm trying to use the types to change the icon but I can't for the life of me figure out how to do it. I checked their docs link and even when using almost identical code nothing seems to happen. From my understanding of the code above the default type of my tree should have the icon I specified but nothing happens, all I get is the default folder icon. Any ideas? Sorry if the question seems basic but I find the documentation hard to follow when trying to do basic things.
If you guys want to use j Query and bootstrap icon, here is my solution. [ Note: I use glyphicon-folder-open bootstrap icon for folder open and glyphicon-folder-close bootstrap icon for folder close.] / bind customize icon change function in js Tree open_node event. $ your-jstree.on open_node.jstree function(e, data) $ ' + data.node.id).find i.jstree-icon.jstree-themeicon.first.remove Class glyphicon-folder-close.add Class glyphicon-folder-open / bind customize icon change function in js Tree close_node event. $ your-jstree.on close_node.jstree function(e, data) $ ' + data.node.id).find i.jstree-icon.jstree-themeicon.first.remove Class glyphicon-folder-open.add Class glyphicon-folder-close or if you are using font-awesome: / bind customize icon change function in js Tree open_node event. $ jstree.on open_node.jstree function(e, data) var icon = $ ' + data.node.id).find i.jstree-icon.jstree-themeicon.first icon.remove Class fa-folder.add Class fa-folder-open / bind customize icon change function in js Tree close_node event. $ jstree.on close_node.jstree function(e, data) var icon = $ ' + data.node.id).find i.jstree-icon.jstree-themeicon.first icon.remove Class fa-folder-open.add Class fa-folder.
Download Now