This is a migrated thread and some comments may be shown as answers.

Jump To Specific Org Chart Node in a Drill Down OrgChart

16 Answers 282 Views
OrgChart
This is a migrated thread and some comments may be shown as answers.
Kyle T.
Top achievements
Rank 1
Kyle T. asked on 20 Feb 2013, 07:43 PM
I am using the OrgChart control to display 1100 employees.  Due to the size and structure of the company I have limited it to displaying 2 levels of employees and enabled drill down.

What I'm trying to implement now is the ability for someone to search for a particular employee and then jump to that location in the OrgChart.  Is that even possible?  If so, it certainly isn't straightforward.

Thanks,
Kyle

16 Answers, 1 is accepted

Sort by
0
Kyle T.
Top achievements
Rank 1
answered on 21 Feb 2013, 10:35 PM
I was able to get a version of this working but it's hacktastic that's for sure.  I'd still to hear an official answer.

I based the approach on the Org Chart with BreadCrumbs sample.  Using the new RadSearchBox control, I bind it to the list of employees and then when one is searched I find the employee object in the datasource and build out the Hierarchy on what I've assumed is the same sorting for each parent node.  From there I write the hierarchyIndex out to a JavaScript variable and then when the PageLoad() code from the sample is hit if that value exists it calls the orgChart.drillDownOnNode() client side method.  I had to clean up a couple of Server side methods to deal with nulls (Drill Down event e.SourceNode for one) to get this fully functional.

It seems to work so far, but feels very fragile (i.e. if the sorting of the data changes, then the hierarchy index will be wrong).

Thanks,
Kyle
0
Accepted
Peter Filipov
Telerik team
answered on 25 Feb 2013, 10:04 AM
Hi Kyle,

You could use the client side method drillDownOnNode and pass the hierarchical index(e.g "0:0:1") of the node that you want to be drilled. The drill down feature is useful in case that you want to observe a particular branch of the hierarchy. For the Q2.2013 we are going to do our best to introduce a DataBinding Provider which will give us the ability to filter the datasource to which the control is bound.
Regarding to your last concern, you are correct if the data base is changed the hierarchical index will be changed too.

Regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Kyle T.
Top achievements
Rank 1
answered on 25 Feb 2013, 04:25 PM
Peter

Thank you for the response.  It seems to be working okay for now and I'll evaluate the new DataBinding Provider when it is released. Question about that provider, once the data source is filter will it still be possible to build breadcrumb with the hierarchy back to the original root node? Or will filtering the data source change the root node to the current filtered node?  

Thanks,
Kyle
0
Peter Filipov
Telerik team
answered on 27 Feb 2013, 12:31 PM
Hello Kyle,

I pretty sure that it will be possible to integrate the BreadCrumb example with the described behavior. We are going to do our best to create a demo for that case.

Regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Chad
Top achievements
Rank 1
answered on 13 May 2013, 10:36 PM
Is that "drillDownOnNode" method documented anywhere? Or just client side methods for the OrgChart in general? I couldn't find any information on the client side API for OrgChart.

I'm trying to drill down to a specific node based on a choice made outside of the OrgChart and I'd like to use the node id but I don't think that's the same as the "hierarchical index". Is this possible? If not how can I get the hierarchical index using the node id?
0
Peter Filipov
Telerik team
answered on 16 May 2013, 07:54 AM
Hi Chad,

I am afraid that the documentation about the client side API is incomplete. We are going to do our best and update it as soon as we could. Unfortunately, now it is not possible to achieve such scenario.

Kind regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Anton
Top achievements
Rank 1
answered on 21 Aug 2013, 09:22 AM
Hi, you said:
"For the Q2.2013 we are going to do our best to introduce a DataBinding Provider which will give us the ability to filter the datasource to which the control is bound."

Is this functionality ready to use? How does it work? Could you share any documentation link or anything else?

I want to search item in my datasource (not telerik datasource), then detect hierarchical id for found item and drill down with js function.

Thank you.
0
Peter Filipov
Telerik team
answered on 23 Aug 2013, 07:20 AM
Hi Anton,

We didn't make it for the mentioned release. That functionality is in our TODO list and as soon as we ready it will be documented and released.

Regards,
Peter Filipov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Basavatharakam
Top achievements
Rank 1
answered on 03 Oct 2013, 08:42 AM
Could you please shre the code you have implemented to chieve search functionlity?
0
Peter Filipov
Telerik team
answered on 08 Oct 2013, 08:29 AM
Hello Basavatharakam,

Now, it is possible only client-side search. Please review the attachment. Type in the input e.g. "Sara Darkman" or "Peter" then click the search button. Regarding to the server-side search it is not possible for now.

Regards,
Peter Filipov
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Andrew
Top achievements
Rank 2
answered on 29 Sep 2014, 10:50 PM
When will the following be implemented?

"For the Q2.2013 we are going to do our best to introduce a DataBinding Provider which will give us the ability to filter the datasource to which the control is bound."

Telerik is going on 1 1/2 years now, and this has yet to materialize. Without it, there is no safe way to implement search (your client examples don't cut it for a mid-to-large sized organization. 
0
Peter Filipov
Telerik team
answered on 30 Sep 2014, 08:55 AM
Hello Cary,

I understand your frustration and we will do our best to deliver a sample which could help you in such case.
For the upcoming release Q3 Beta(this week) we will introduce a sample where you could search into a big organizational chart. In the described demo you could enable the LoadOnDemand feature and collapse all nodes. This will help you not to load the whole structure and search for a particular employee.

Regards,
Peter Filipov
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kevin Dugan Jr
Top achievements
Rank 1
answered on 03 Feb 2016, 01:56 PM
We're trying to accomplish the same exact thing as Kyle.  We have just over 1,000 employees and are limiting the expand level to 2 and want to be able to jump to any employee. Almost three years later and still no documentation to be found on how to accomplish a task that seems necessary.
0
Peter Filipov
Telerik team
answered on 08 Feb 2016, 08:24 AM
Hello Kevin,

Could you please check the following demo, it is been released many year ago? Does it fit for your scenario? 

Regards,
Peter Filipov
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
0
Kevin Dugan Jr
Top achievements
Rank 1
answered on 08 Feb 2016, 02:29 PM
That is what we were looking for, yes. Not sure how we (or myself) missed that demo. We ended up going a different route instead. This will come in handy for others though and perhaps us in the future.
0
SMc
Top achievements
Rank 2
Iron
Veteran
Iron
answered on 17 Dec 2020, 08:26 PM

I"m not having any joy with this. My data is coming from a sql table so I commented some code out in the vb page load event:

Protected Sub Page_Load(sender As Object, e As EventArgs)
' CreateEmployees()

AddHandler RadOrgChart1.NodeDataBound, AddressOf RadOrgChart1_NodeDataBound
AddHandler RadOrgChart1.DrillDown, AddressOf RadOrgChart1_DrillDown
RadOrgChart1.RenderedFields.ItemFields.Add(New Telerik.Web.UI.OrgChartRenderedField() With {.DataField = "Job1"})
'RadOrgChart1.DataSource = employees
'RadOrgChart1.DataBind()

RadSearchBox1.Text = ""
'RadSearchBox1.DataSource = info
'RadSearchBox1.DataBind()
End Sub

But I'm getting an error:

DataBinding: 'System.Data.DataRowView' does not contain a property with the name 'HierarchicalIndex'.

Any thoughts?

Tags
OrgChart
Asked by
Kyle T.
Top achievements
Rank 1
Answers by
Kyle T.
Top achievements
Rank 1
Peter Filipov
Telerik team
Chad
Top achievements
Rank 1
Anton
Top achievements
Rank 1
Basavatharakam
Top achievements
Rank 1
Andrew
Top achievements
Rank 2
Kevin Dugan Jr
Top achievements
Rank 1
SMc
Top achievements
Rank 2
Iron
Veteran
Iron
Share this question
or