JavaScript/jQuery MultiView - Switch Between Views

By default, an end user can switch between views by swiping. Assign false to the swipeEnabled property to disable this feature.

JavaScript
HTML
  • $(function() {
  • $('#multiViewContainer').dxMultiView({
  • // ...
  • swipeEnabled: false
  • });
  • });
  • <div id="multiViewContainer"></div>

You can switch the views from code by changing the selectedIndex or selectedItem property.

JavaScript
HTML
  • $(function() {
  • $("#multiViewContainer").dxMultiView("option", "selectedIndex", 1);
  • });
  • <div id="multiViewContainer"></div>

By default, the MultiView UI component animates switching between views. You can disable animation by setting the animationEnabled property to false.

JavaScript
HTML
  • $(function() {
  • $('#multiViewContainer').dxMultiView({
  • // ...
  • animationEnabled: false
  • });
  • });
  • <div id="multiViewContainer"></div>
See Also