Here more functionality of jquery orgchart with json support
Home Page: http://selvamani-subramani.github.io/jOrgChart
Hello, Selvamani, I'd like to make composer init including your name and e-mail into authors values.
Can you give-me your e-mail?
Probably i'm going to collaborate with compatibility tasks and start another project for create an Yii2 widget based on your project.
Hi, try to use your plugin with a simple list, but i have some problem to make it work with a simple html list, i put the code of the body below:
<body>
<ul id="tree-data">
<li id="unic1" class="unic1 root">
<span class='label_node'>Articolazione Uffici</span>
<ul>
<li id="unic2" class="child unic2"><span class='label_node'>Ufficio 1</span></li>
<li id="unic3" class="child unic3"><span class='label_node'>Padre 1 - Ufficio</span>
<ul>
<li id="unic4" class="child unic4"><span class='label_node'>Figlio 1 - Padre 1 - Ufficio</span></li>
<li id="unic5" class="child unic5"><span class='label_node'>Figlio 2 - Padre 1 - Ufficio</span></li>
</ul>
</li>
<li id="unic6" class="child unic6"> Padre 2 - Ufficio
<ul>
<li id="unic7" class="child unic7"><span class='label_node'>Figlio 1 - Padre 2 - Ufficio</span></li>
<li id="unic8" class="child unic8"><span class='label_node'>Figlio 2 - Padre 2 - Ufficio</span></li>
</ul>
</li>
</ul>
</li>
</ul>
<div id="tree-view" class="orgChart"></div>
<!-- powered with boostrap -->
<script>
jQuery(document).ready(function ($) {
init_tree();
});
function init_tree() {
var opts = {
chartElement: "#tree-view", //your tree container
dragAndDrop: false
};
jQuery("#tree-view").html(""); //clean your container
jQuery("#tree-data").jOrgChart(opts); //creates the jOrgChart
}
</script>
</body>But without any exception i have the <div class="jOrgChart"></div> empty and i don't know why.
My Objective is use your plugin with html list wihtout the json integration.
Ty in advance.
Hi, I'm using your script in my web application that uses jQuery and jQuery UI. There is a problem about version of jQuery. I'm using new version of jQuery and your jOrgChart doesn't work with them. Do you check it any time?
0
:
{key: "Andrey", hierarchy: "Mother Folder"}
1
:
{key: "1", hierarchy: "Andrey,"}
2
:
{key: "1", hierarchy: "Andrey,,"}
3
:
{key: "1", hierarchy: "Andrey,,,"}
4
:
{key: "2", hierarchy: "Andrey,,,"}
5
:
{key: "2", hierarchy: "Andrey,,"}
6
:
{key: "1", hierarchy: "Andrey,,,"}
7
:
{key: "2", hierarchy: "Andrey,,,"}
8
:
{key: "2", hierarchy: "Andrey,"}
9
:
{key: "1", hierarchy: "Andrey,,"}
10
:
{key: "1", hierarchy: "Andrey,,,"}
11
:
{key: "2", hierarchy: "Andrey,,,"}
12
:
{key: "2", hierarchy: "Andrey,,"}
13
:
{key: "1", hierarchy: "Andrey,,,"}
14
:
{key: "2", hierarchy: "Andrey,,,"}
i add new node when the id of new node can't fetch
Hello! I think i found a little issue on the example you provided. When trying to add nodes, the "load" time for the popup screen keeps increasing 2x
Try adding a lot of nodes (using the add node button), you'll notice how it takes longer and longer to load up.
Hi! As we know, jOrgChart does not offer native callback functions, essential for capturing chart changes like source or target. I found this solution in the original plugin issues and for me it worked fine, wesnolte/jOrgChart#25 (comment) what you think about it?
Thank you!
Can you please tell me, How can I use this in angular1.
I have created new org nodes in my browser using "Add Node" window. But i am not able to delete the created node. Getting the below error in developer tool: SCRIPT5007: Unable to get value of the property 'split': object is null or undefined
Hi,
I have a requirement where I need to show some large amount of data. So I just want user to see the initial tree till depth of 3-4 level and then allow user to navigate/drill down to further levels on click. Is this supported ?
Thanks
Vishal
My Org chart data is more than 25k. i would like to implement loading nodes on '.exp-col' click event...
is it possible to append the tree node inside existing orgchart insted of creating new chart...
Any idea....
Thanks for giving a wonderful org chart component. I am newbie to jquery and I need help that how can i create multiples master nodes in same page. Like i have to create another Org chart with Andrey only. So if i have to create multiple org chart in same page. How can i create.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 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.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
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.