How to init tabview to specific tab

Webix JS
1

I would like to init a tabview to second page. I could not easily find how to do this? (I am using animate = true)

The following worked for me, but I’m wondering if there is a better way?

Init multiview with animate = false;
$$(“tabbar1”).setValue(“page2”);
$$(“innerView”).config.animate = true;

2

You need to specify the initial value in the tabbar configuration:

{ view:"tabbar", value:"formView"}

After that, you need to open the related cell in a multiview.

If you are using separate tabbar and multiview components:

//webix.once() forces the function to be executed only on view initialization
view:"tabbar", value:"formView", 
on:{
  onAfterRender:webix.once(function(){
      //disable animation while showing
     $$(this.config.value).show(false, false);
  })
}

http://webix.com/snippet/f8d4cf0d

If you are using tabview component, the functionality should be enabled automatically, but now it doesn’t occur (which leads us to confirm a bug).

Still, the workaround can be found easily:

view:"tabview",
tabbar:{ 
   value:"formView",
   on:{
  	onAfterRender:webix.once(function(){
          $$(this.config.value).show(false, false);
       })
  }
}

http://webix.com/snippet/f72eb949