JavaScript/jQuery MultiView - Overview

The MultiView is a UI component that contains several views. An end user navigates through the views by swiping them in the horizontal direction. The UI component is often used along with the Tabs UI component.

View Demo

In the most simple case, the MultiView UI component requires only the dataSource property to be configured. Note that in such a case, data source items should have a structure described in the dataSource section. The following code adds the MultiView to your page.

JavaScript
HTML
  • var multiViewItems = [
  • { text: "Personal Data" },
  • { text: "Contacts" },
  • { text: "Address" }
  • ];
  •  
  • $(function() {
  • $("#multiViewContainer").dxMultiView({
  • dataSource: multiViewItems
  • });
  • });
  • <div id="multiViewContainer">

More often, structure of the data source item differs from the default. For correct rendering of views, specify a custom template.

See Also