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.
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.
- 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
If you have technical questions, please create a support ticket in the DevExpress Support Center.