Book Image

Kendo UI Cookbook

By : Sagar Ganatra
Book Image

Kendo UI Cookbook

By: Sagar Ganatra

Overview of this book

Table of Contents (18 chapters)
Kendo UI Cookbook
Credits
About the Author
About the Reviewers
www.PacktPub.com
Preface
Index

Building a hierarchical list using the ListView widget


In all the previous recipes, the data returned from the service contained all the records, and the same were displayed in the list. When working with a hierarchical data structure instead of a flat one, the ListView widget can be customized so that it can display the data in a hierarchical way, that is, displaying the elements in the first level of the hierarchy and then traversing through various levels until the leaf nodes in the hierarchy are reached.

Getting started

To build a hierarchical list, the service should return data that lists the first set of records that need to be displayed. Each record should have a field that indicates whether there are child records or it's a leaf node in the hierarchy. This information will then be used in the ListView widget, which would enable the user to navigate through the hierarchy.

How to do it…

The ListView widget should first display the records present in the top level of the hierarchy. Let...