Develop Reference

How do I get node data by clicking a node in the diagram?

I'm making a dynamic genogram in GoJS, where I want to be able to click a parent node, click a button in HTML that adds the child and links it to the parents. For this I need to be able to get the key from the parent node by clicking on it in the diagram.
I was thinking I'd have to use the addDiagramListener() function but I think that function is only for changes in appearance of the node e.g. changing the color of the node on click and not for getting node data.

You have several options. The two most common are to implement a "ChangedSelection" Diagram event, and looking at all selected nodes (or just the first one: myDiagram.selection.first()) and inspecting the node.data or just node.key (which is a shortcut for node.data.key)
And to do something similar on each individual node by setting selectionChanged on your Node template. This function will be called every time a given node is selected or deselected.
There's a simple live example of selectionChanged being used here: https://gojs.net/latest/intro/selection.html#SelectionAppearanceChanges

Style my div structure as a tree structure

Check this URL.
My divs are created dynamically in nested structure. I have to style this div to sports tournament structure. I don't know how to structure.
I want my structure like this.Now my code is working fine. Styling only the problem.
[1]: http://plnkr.co/edit/xKSwHAUdXcGZcwHTDmiv?p=preview

I am using org chart to achive my requirement.check below link
[https://jsfiddle.net/dhaarani/adx0ad49/][1]
page load one structure is shown. click the structrue again one is created.
change the input box value. sibilling and child will be created. inputbox value mustbe lessthan 100.
and one more condition check the one row contain all the input box values total is lessthan 100 than only create sibilling and child otherwise nothing will be happen.

Testing combobox developed using ExtJS with CasperJS

I have developed my application using ExtJs 4.1. I have a combobox which gets populated using Ajax call. Once the comobox is populated, I need to find an item by name and then first the select event for that item.
The problem is the way combo-box is rendered by ExtJS. I am not sure how to select an item in the right manner. CombBox is not really a <select> element but a text input with a detached drop-down list that's somewhere at the bottom of the document tree.
I do not want to hard code the id's as ExtJS randomly generate the id.
This is how the generated HTML looks
You can check the example of ExtJs combobox here

Without testing, I would suggest,
var x = require("casper").selectXPath;
casper.thenClick(".x-form-trigger.x-form-arrow-trigger")
.wait(100)
.thenClick(x("//li[contains(#class,'x-boundlist-item') and contains(text(),'Alaska')]"))
.wait(100, function(){
this.capture("screenshot.png");
});
You might also need to move the mouse into position before clicking. Use
casper.then(function(){
this.mouse.move(selector)
});

Since you have the ComboBox in a form, you could use the "name" property in the ComboBox definition and select it with:
Ext.getCmp("idOfThePanel").down('form').getForm().findField('name');
Another option, use the "reference" property. In this case I'm not sure which is the correct way to select the ComoBox:
Ext.getCmp("idOfThePanel").down('form').getForm().lookupReference('reference');
or
Ext.getCmp("idOfThePanel").lookupReference('reference');

To remove check box from angular-ivh-treeview

I have created one tree using angular-ivh-treeview with objects, by following the code given at : https://github.com/iVantage/angular-ivh-treeview
The running sample of the tree is : http://jsbin.com/rigepe/1
The tree preparing fine with my data, but my requirement is to allow user to select one object at one time, so need to remove check boxes from the given code.
I have tried by making duplicate js with removing span of check box but its not working, also we have used both js with and without check boxes, but is also not working
What will be best way to remove check boxes from the tree.

You can remove them in your HTML inside a <div> like this:
<ng-controller="MyCtrl as fancy">
<div ivh-treeview="fancy.bag"
ivh-treeview-use-checkboxes="false">
</div>

I am using jsTree and jsTree Grid and data in my second column disppears

I have one column in jsTree Grid representing my tree. The second column is used for displaying "tags" associated with each node. It is displaying great until I click another level.
So the second column will create a div and my tags (similar to stack overflow tags) are appended to that html element.
Here is the issue, when the page first loads. I see the root node just fine and the "tags" associated with the root node that I defined in the second column. Looks great!
When I click to expand the root node, to get to the next level. I lose the tags associated with the root node. What I want is to keep them but I can't figure out why the grid is losing it.
EDIT:
Removed the code and images.

The problem is that the jsTreeGrid plugin redraws the cells when you expand a node. Since you only append your tags during the "loaded" and "select_cell" events, the tags disappear.
You can workaround this by re-appending the tags on more events:
.bind("open_node.jstree create_node.jstree clean_node.jstree change_node.jstree", function (event, data) {
doDisplayTags(mapNameTag);
})