Does PanelBar support HierarchicalDataSource

[Matt Dufrasne]

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

[Kamen Bundev]

Hello Matt,

I already replied in StackOverflow, check my answer there.

Kind regards,
Kamen Bundev
the Telerik team

[Kake]

Any update regarding the HierarchicalDataSource support  in the PanelBar ? (using angular)

[Veselin Tsvetanov]

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

 

 

[Kevin F]

Just checking to see if the PanelBar supports kendo.data.HierarchicalDataSource yet.

[Kevin F]

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

 

[Veselin Tsvetanov]

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