Hello,
I'm developing a online application with 'radOrgChart'. I have loaded the data to this radOrgChart from linqDataSource. On clicking any of the node, i need to re-display the radOrgChart as the clicked node as parent as in drill-down method. I have tested this drill-down method. But, i'm looking for different method. Instead of drill-down, i need a to click any node or a buttton inside the radOrgChart node to view. Then, while loading the page it shows all the nodes, instead of that, i need to display the parent and its child's only. Others needed to be collapsed. I check all the examples provided by telerik. It collapse using code-behind or in html setting attribute called colapsed="true" in radOrgChart. Here, i will submit my code and the screen shots. OrgChart-1 is the page when it loads before. And, OrgChart-2 is the page what i needs to be shown on page load.
With Regards,
Mohammed Rafsanjany
I'm developing a online application with 'radOrgChart'. I have loaded the data to this radOrgChart from linqDataSource. On clicking any of the node, i need to re-display the radOrgChart as the clicked node as parent as in drill-down method. I have tested this drill-down method. But, i'm looking for different method. Instead of drill-down, i need a to click any node or a buttton inside the radOrgChart node to view. Then, while loading the page it shows all the nodes, instead of that, i need to display the parent and its child's only. Others needed to be collapsed. I check all the examples provided by telerik. It collapse using code-behind or in html setting attribute called colapsed="true" in radOrgChart. Here, i will submit my code and the screen shots. OrgChart-1 is the page when it loads before. And, OrgChart-2 is the page what i needs to be shown on page load.
<
head
runat
=
"server"
>
<
title
></
title
>
<
style
type
=
"text/css"
>
.orgChartDiv {
background-color: #e4e4e4;
height: 100%;
width: 100%;
overflow-y: auto;
float: left;
position: relative;
}
</
style
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
div
>
<
telerik:RadScriptManager
runat
=
"server"
ID
=
"RadScriptManager1"
/>
<
div
class
=
"orgChartDiv"
>
<
telerik:RadOrgChart
ID
=
"employeeOrgChart"
runat
=
"server"
Skin
=
"Default"
EnableCollapsing
=
"true"
Width
=
"100%"
DataSourceID
=
"LinqDataSource_Employee"
DataTextField
=
"FirstName"
DataFieldID
=
"EmployeeID"
DataFieldParentID
=
"ReportsTo"
EnableGroupCollapsing
=
"true"
>
</
telerik:RadOrgChart
>
</
div
>
</
div
>
</
form
>
<
asp:LinqDataSource
runat
=
"server"
ID
=
"LinqDataSource_Employee"
ContextTypeName
=
"RadOrgChart.RealDataDataContext"
TableName
=
"Employees"
/>
</
body
>
With Regards,
Mohammed Rafsanjany