Comments (6)
How to verify whether it is a node after clicking?
I just want to select child.
from jqtree.
Jqtree adds a jqtree-loading
css class to the node when data is loading. Maybe you can do the same.
- The class is added to the
li
element. - Also see
jqTree/src/elementsRenderer.ts
Line 308 in c262efa
from jqtree.
This example only allows the selection of child nodes. It uses the tree.click
event. Also see https://mbraak.github.io/jqTree/#event-tree-click
const $tree = $("#tree1");
$tree.tree({
data: ExampleData.exampleData,
selectable: true,
});
$tree.on("tree.click", (e) => {
const node = e.node;
if (node.children.length >= 1) {
// You can prevent selection using preventDefault
e.preventDefault();
} else {
console.log("child");
}
});
from jqtree.
I want the loading state to be displayed before the current node
I don't know what to do with it
$tree.on( 'tree.click', function(e) {
var _Node = e.node;
if(_Node.ajaxState){
$tree.tree('selectNode',_Node);
return false;
}else{
$.ajax({
type: "POST",
url: "http://*****/search.php",
data: {
act:'list',
id: _Node.id
},
dataType: "json",
success: function(json){
if(json.state=='success'){
_Node['ajaxState'] = true;
$tree.tree('updateNode',_Node,_Node);
for(var i=0; i<json.res.length; i++){
$tree.tree('appendNode',json.res[i],_Node);
}
$tree.tree('openNode',_Node);
}else{
alert(json.des);
}
}
});
}
})
from jqtree.
What does this code do? Does it execute some action on the server when a node is clicked?
from jqtree.
What does this code do? Does it execute some action on the server when a node is clicked?
Click and load the child node
from jqtree.
Related Issues (20)
- How to export and import jqTree data? HOT 9
- Rename selected node HOT 3
- Autoscroll - top level dragged item no scroll over the items under it. HOT 20
- Feature: ES6 support HOT 9
- Behavior changed with 1.7.0 HOT 3
- Set jQuery as a peer dependency
- Fix eslint import error
- Is documentation page dead? HOT 4
- Inconsistent/incorrect drag & drop node highlighting HOT 9
- New root node missing icon HOT 3
- AddToSelection doesn't seem to use "mustSetFocus" HOT 4
- How to use jqTree with jQuery latest version 3.7.1 in ASP.NET HOT 4
- getPreviousNode() behaves differently HOT 4
- changed documentation? HOT 2
- function onCanMoveTo can't be override HOT 2
- Drag & Drop multiple nodes HOT 4
- Injection vulnerability because of lodash.template HOT 3
- The tree is not rendered, nothing happens.
- ContextMenuEvent HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jqtree.