TreeList.Selectable(true)

[Joel]

Explain to me how I can work with the Selectable option.  I have 2 controls on a page.  On the left, I have a TreeList and on the right I have a Grid.  The TreeList contains a hierarchical list of groups for which the user is authorized.  I'm going to use this group selection to "filter" the data that will be displayed in the Grid control.  So, I need the selection of a group in the TreeList to prompt the refresh of the Grid which then must use the groupId of the selected TreeList's node.

1. On load, how can selection of a TreeList Node be set to a default group from a MVC Action? 
2. On selection, how can this value fire an event that will reload the Grid?

An example would be appreciated.  Thanks for your help,

Joel

 

[Viktor Tachev]

Hello Joel,

In order to have an item in the TreeList selected initially I would suggest returning the ID for the item in ViewData. Then use JavaScript to retrieve the data as illustrated in this stackoverflow thread. With that ID you can get the dataItem and the respective row element. Selecting the row would be straight forward with the select method. This part is illustrated in the dojo below. The relevant JavaScript code is applicable also for the .NET Core wrapper.

• https://dojo.telerik.com/osIxoSAJ

Regarding the items in the Grid. You can specify Data method for the Read action and send the ID for the selected TreeList row to the server. Thus, only the relevant records would be requested and returned to the Grid. The article below describes sending additional information to the ActionMethod: 

• https://docs.telerik.com/aspnet-mvc/helpers/grid/faq#how-to-send-values-to-my-action-method-when-binding-the-grid

For refreshing the Grid when the users select a different item in the TreeList handle the change event for the widget. In the event handler get reference of the Grid DataSource and call its read() method. 


Regards,
Viktor Tachev
Progress Telerik

[Joel]

I'll give this a try.  Thanks.