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

Creating a SplitView widget to display multiple panes in a tablet and building interaction between the panes


The Kendo UI library provides a SplitView widget, which is a tablet specific widget. A SplitView widget consists of two or more panes, and each of these panes consist of one or more view widgets. Generally, the SplitView widget is used to select an item in the list in one pane and update the other pane that displays more data about the selected item.

How to do it…

Let's create two panes, Left Pane and Right Pane, and then include these panes inside a SplitView widget. Here's the markup for the Left Pane:

<div
  data-role="pane"
  id="nav-pane"
  data-layout="left-navbar-layout">

   <div
    data-role="view"
    id="test">

    <ul
      id="moviesList" 
      data-role="listview"
      data-template="navbar-template">
    </ul>
  </div>

  <script type="text/x-kendo-template" id="navbar-template">
    <a href="\#movieDescription?movieID=#= data...