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

Schema

configuration

The schema configuration of the TreeListDataSource.

schema

Object

<script>
  var dataSource = new kendo.data.TreeListDataSource({
    data: [
      { id: 1, Name: "Daryl Sweeney", Position: "CEO", Phone: "(555) 924-9726", parentId: null },
      { id: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", Phone: "(438) 738-4935", parentId: 1 },
      { id: 3, Name: "Priscilla Frank", Position: "Chief Product Officer", Phone: "(217) 280-5300", parentId: 1 }
    ],
    schema: {
      model: {
        id: "id",
        parentId: "parentId",
        expanded: true,
        fields: {
          Name: { type: "string" },
          Position: { type: "string" },
          Phone: { type: "string" }
        }
      }
    }
  });

  dataSource.read();
</script>

schema.model

Object

The model configuration of the TreeListDataSource. See kendo.data.TreeListModel for more info.

<script>
  var dataSource = new kendo.data.TreeListDataSource({
    data: [
      { EmployeeID: 1, Name: "Daryl Sweeney", Position: "CEO", Phone: "(555) 924-9726", parentId: null },
      { EmployeeID: 2, Name: "Guy Wooten", Position: "Chief Technical Officer", Phone: "(438) 738-4935", parentId: 1 },
      { EmployeeID: 3, Name: "Priscilla Frank", Position: "Chief Product Officer", Phone: "(217) 280-5300", parentId: 1 }
    ],
    schema: {
      model: {
        id: "EmployeeID",
        parentId:"parentId",
        expanded: true
      }
    }
  });
</script>