New to Kendo UI for jQuery? Start a free 30-day trial

SetDataSource

methods

Sets the dataSource of an existing PanelBar and rebinds it.

setDataSource

Parameters:dataSourcekendo.data.HierarchicalDataSource

The new dataSource that the widget will bind to

<ul id="panelbar"></ul>
<script>
  var panelbar = $("#panelbar").kendoPanelBar({
    dataTextField: "FullName"
  }).data('kendoPanelBar');

 var ds = new kendo.data.HierarchicalDataSource({
        transport: {
            read: {
                url: "https://demos.telerik.com/service/v2/core/Employees"
            }
        },
        schema: {
            model: {
                id: "EmployeeId",
                hasChildren: "HasEmployees"
            }
        }
    });

  panelbar.setDataSource(ds)
</script>