Comments (4)
@ezraroi Is the model going to be static? If yes, I would recommend leveraging the basic setup
<js-tree tree-data="json" tree-src="../jstree/data/tree-json.json"></js-tree>
where the .json
file is the static data. And if you are fetching the data and populating into the model via a service, I would recommend using the AJAX option
<js-tree tree-ajax="/tree"></js-tree>
Apart from the above options, do you still need to populate the model explicitly?
Thanks!
from jstree-directive.
Never mind.
Added scope support too. Refer http://jstree-directive.herokuapp.com/#/basic
example 3
. You can run bower install jstree-directive
to get the v 0.1.1
with the updates.
All you need to do is
<js-tree tree-data="scope" tree-model="treeModel"></js-tree>
where treeModel
is the scope variable
$scope.treeModel = [{
"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"
}];
Thanks!
from jstree-directive.
Hi,
Thanks for the quick response. I think it will be pretty easy to make it work with dynamic data also and not only static. i was thinking about something like this:
else if (a.treeData == 'scope') {
s.$watch(a.treeModel, function()
{
config = {
'core': {
'data': s[a.treeModel]
}
};
$(e).jstree('destroy');
treeDir.init(s, e, a, config);
}, true);
}
What do you think?
from jstree-directive.
Sounds good. Thanks for the solution! I have added the same
jsTree-directive/jsTree.directive.js
Line 102 in ab16159
+v 0.1.2
from jstree-directive.
Related Issues (20)
- jsTree not been created when tree-data="scope" HOT 11
- AjaxTree Jquery Error HOT 2
- Sort plugin failed HOT 2
- Unable to get events HOT 1
- Issue with 2 trees, one of them loaded with state plugin HOT 6
- How to search with input-text into jsTree directive. HOT 1
- How can i call functions like reload on Js Tree HOT 1
- jstree instance HOT 4
- Problem with ngResource HOT 1
- Search input box position HOT 1
- Double click event binding HOT 1
- managing tree-ajax error
- Select a node inside the controller
- File Tree is not looking properly HOT 1
- Search box on the tope of tree HOT 1
- custom context menu doesnt work HOT 2
- Plans for Angular 2? HOT 1
- multiple instances of js-tree
- Updating when new file is created HOT 1
- Browser tab crashes on multiple refresh HOT 2
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 jstree-directive.