This is a migrated thread and some comments may be shown as answers.
New to library - approach to achieve this
2 Answers 2 Views
This is a migrated thread and some comments may be shown as answers.
BitShift
Top achievements
Rank 1
BitShift asked on 02 Nov 2019, 10:36 AM

Really liking what I see so far.  Ok, so one of the first things ill need to do on this next project is display 3 different formatted lists, where the items are populated from a list of objects.  See attached screenshot.  Basically, I need to load the first list, which is used to make a selection to populate the 2nd and likewise the 3rd.  Actually the 3rd "list" wont be a list, but a detail grid.  Each step should not refresh the whole page, but just update the next portion, eg. partial page updates.  Hope that is clear.

What sets of components could be used in this approach?

Possibly use a PanelBar for the leftmost list, as well as the 2nd?
https://demos.telerik.com/aspnet-core/panelbar/index

However, for the lists themselves, on a previous project that used the UI for Angular library, I think I simply used Bootstrap listgroups
What library component could replicate this?
https://getbootstrap.com/docs/4.0/components/list-group/

The grid should be straighforward, but should it go in a panel

 

 

 

2 Answers, 1 is accepted

Sort by
0
BitShift
Top achievements
Rank 1
answered on 02 Nov 2019, 12:28 PM
Ok, so since this library is basically Kendo UI for jQuery, which I am already familiar with.  So to expand on the above, one approach could be:
The left most and center "lists" could be implemented as either Bootstrap lists or with Telerik PanelBars. 
As for the grid, its just a matter of getting the relevant data to replace the data in the grid.
0
Martin
Telerik team
answered on 06 Nov 2019, 04:32 PM

Hello Randal,

Regarding the first two components, you can also consider using either the TreeView, as it also allows working with hierarchical data. You can review what the TreeView and the PanelBar components provide as functionality to see which will serve best to your needs. Both have a select event, which will allow you to get the selected item and pass it to a grid.

Feel free to ask if you need further information or assistance. I will be happy to assist you.

Regards,
Martin
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Asked by
BitShift
Top achievements
Rank 1
Answers by
BitShift
Top achievements
Rank 1
Martin
Telerik team
Share this question
or