We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
|
WebAPI
public List<HierarchicalTree> Get()
{
DiagramEntities3 entity = new DiagramEntities3();
List<HierarchicalTree> HierarchicalData = entity.HierarchicalTrees.ToList<HierarchicalTree>();
return HierarchicalData;
}
Angular
ngOnInit(): void {
const callback: Ajax = new Ajax(
'http://localhost:57270/api/entity/Get', 'GET', false, 'application/json; charset=utf-8'
);
callback.onSuccess = (JsonString: any): void => {
let diagramInstance= this;
setTimeout( function () {
//set an diagram layout
diagramInstance.diagram.layout = {
type: 'HierarchicalTree', verticalSpacing: 30, horizontalSpacing: 40,
enableAnimation: true
}
//get a layout tree from database
let parsedData = JSON.parse(JsonString);
//set datasource
diagramInstance.diagram.dataSourceSettings = {
id: 'Name', parentId: 'Category',
dataManager: new DataManager(parsedData),
doBinding: (nodeModel: NodeModel, data: object, diagram: Diagram) => {
nodeModel.shape = { type: 'Basic', shape:'Rectangle' };
nodeModel.annotations = [{content: (data as EmployeeInfo).Name}]
}
}
},100)
};
callback.send().then();
} |
 |
