Does PanelBar support HierarchicalDataSource

7 posts, 0 answers
  1. Matt Dufrasne
    Matt Dufrasne avatar
    23 posts
    Member since:
    Aug 2009

    Posted 27 Nov 2012 Link to this post

    I'm using a PanelBar in the exact same manner as TreeView but the expected control is not being built.
    Is this supported or am I trying to do something that is not supported? I'm on 2012 Q3

    More info on my issue here
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 28 Nov 2012 Link to this post

    Hello Matt,

    I already replied in StackOverflow, check my answer there.

    Kind regards,
    Kamen Bundev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kake
    Kake avatar
    14 posts
    Member since:
    Jan 2015

    Posted 18 Apr 2016 Link to this post

    Any update regarding the HierarchicalDataSource support  in the PanelBar ? (using angular)
  4. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    780 posts

    Posted 20 Apr 2016 Link to this post

    Hello Kake,

    Currently, the PanelBar widget supports JSON Data object (hierarchical) to be set as its dataSource. It still does not support kendo.data.HierarchicalDataSource. However, there is a related suggestion in our Feedback portal, that you could vote for and track its progress.

    Regards,
    Veselin Tsvetanov
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  5. Kevin F
    Kevin F avatar
    61 posts
    Member since:
    Sep 2009

    Posted 13 Dec 2017 in reply to Veselin Tsvetanov Link to this post

    Just checking to see if the PanelBar supports kendo.data.HierarchicalDataSource yet.
  6. Kevin F
    Kevin F avatar
    61 posts
    Member since:
    Sep 2009

    Posted 13 Dec 2017 in reply to Veselin Tsvetanov Link to this post

    Sorry I got click-happy.  Trying to use a PanelBar in MVVM.

    Here's the datasource:

    ExtrasDataSource: new kendo.data.HierarchicalDataSource({
            transport: {
                read: {
                    url: dataUrl + "/GetAllListingExtrasForLocation",
                    dataType: "json",
                    contentType: "application/json",
                    type: "POST"
                },
                parameterMap: function () {
                    var sendData = {
                        location: listingModel.get("listingData.Agency"),
                        resourceClass: listingModel.ResourceClass(),
                        listingId: listingId
                    };
                    return kendo.stringify(sendData);
                }
            },
            schema: {
                data: "d",
                model: {
                    children: "Items"
                }
            }
        })

     

    And the HTML:

    <script id="extraDetailTemplate2" type="text/x-kendo-template">
        <div>
            <span>#= TypeName #</span>
            <div data-role="listview" data-template="extraDetailTemplate" data-bind="source: Items"></div>
        </div>
    </script>
    <div
        data-role="panelbar"
        data-text-field="TypeName"
        data-template="extraDetailTemplate2"
        data-bind="source: ExtrasDataSource">
    </div>

     The names come out fine for the panel items but all the children just say "undefined".

    I've seen some other posts saying that you can't render a databound panelbar with a template, but they were old so I figured I'd check back on that as well.  The output doesn't appear to be using the template so I'm assuming that is still the case.

    Thanks in advance!

    Kevin

     

  7. Veselin Tsvetanov
    Admin
    Veselin Tsvetanov avatar
    780 posts

    Posted 18 Dec 2017 Link to this post

    Hello Kevin,

    I am afraid, that neither the Templates nor the HierarchicalDataSource are supported by the PanelBar widget in MVVM scenario. Therefore, I would suggest you to share your thoughts in the following enhancement task and cast your vote for this feature request.

    Regards,
    Veselin Tsvetanov
    Progress Telerik
    Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top