New to library - approach to achieve this

3 posts, 0 answers
  1. BitShift
    BitShift avatar
    183 posts
    Member since:
    Aug 2014

    Posted 02 Nov 2019 Link to this post

    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?

    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?

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




  2. BitShift
    BitShift avatar
    183 posts
    Member since:
    Aug 2014

    Posted 02 Nov 2019 Link to this post

    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.
  3. Martin
    Martin avatar
    278 posts

    Posted 06 Nov 2019 Link to this post

    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.

    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.
Back to Top