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

Use DataSource to Render Content

The example below demonstrates how to display content loaded via the DataSource in the hybrid mobile Kendo UI Collapsible widget.

<div data-role="view" data-init="onInit">
    <div data-role="collapsible" data-collapse="onCollapse" data-expand="onExpand">
        <div id="content"></div>

<script id="template" type="text/x-kendo-template">

    var template = kendo.template($("#template").html()); //create template
    var dataSource = new{
      data: [
        { id: 1, name: "Jack" },
        { id: 2, name: "Jane" }
      change: function() {
         $("#content").html(kendo.render(template, this.view())); // populate the content
    function onInit() {
        dataSource.fetch(); //read the dataSource

    var app = new;

See Also

In this article