DevExtreme Vue - Switch Between Views

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

JavaScript
  • $(function() {
  • $("#multiViewContainer").dxMultiView({
  • dataSource: multiViewItems,
  • swipeEnabled: false
  • });
  • });

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

JavaScript
  • $("#multiViewContainer").dxMultiView("option", "selectedIndex", 1);

By default, the MultiView widget animates switching between views. You can disable animation by setting the animationEnabled option to false.

JavaScript
  • $(function() {
  • $("#multiViewContainer").dxMultiView({
  • dataSource: multiViewItems,
  • animationEnabled: false
  • });
  • });
See Also