Switching tabbar with form problem

Site and Services
#1

I’m using webix jet and when I try to create a form inside tabbar it does not show the form when I switch from one tab to another.
This is my code:


var layout = {
  type: "space",
  rows:[
    {
      type: "wide",
      cols:[
        
        {
          gravity: 2.2,
          rows:[
            {view: "tabbar", id:"tabEditCli", multiview: { keepViews:true },optionWidth: 160,
             options:[
               {id: "datosCliente", value: "<span class='webix_icon fa-pencil'></span>Datos Generales"},
               {id: "contactosClientes", value: "<span class='webix_icon fa-user'></span>Contactos"},
               {id: "ficherosClientes", value: "<span class='webix_icon fa-file'></span>Ficheros"}
             ]
            },
            {
              cells:[									
                {view:"form",
                 id:"frmEditarCliente",					
                 elements:[						
                   { view:"text",	label:"Nombre"},
                   { view:"text",	label:"NIF/CIF"}					
                 ]			
                },upload,ficheros								
                
              ]
            }
            
          ]         
          
          
        }
      ]}
    
    
  ]
};
return {
  $ui:layout
  
  
};

});

Thanks in advanced.!!!

#2

Hello,

Jet or not, you should ensure that the IDs of Tabbar options coincide with IDs of corresponding views in Multiview cells.

 rows:[
        {view: "tabbar",  multiview: true,
             options:[
               {id: "datosCliente", value: "Datos Generales"},
               {id: "contactosClientes", value: "Contactos"},
               {id: "ficherosClientes", value: "Ficheros"}
             ]
            },
            { //multiview configuration goes here
              keepView:true, 
               cells:[                                   
                {view:"form",
                 id:"datosCliente", // same with option ID
                 elements:[ ... ]          
                },
                {id:"contactosClientes" } //upload,
                {id:"ficherosClientes" } //ficheros                               
             ]
            }
 ]

At the same time, Tabbar should have multiview property set to true. It does not store multiview configuration in this case, it just enables tab click logic.

If you use Tabview, not Tabbar, than the multiview property of a Tabview will store the corresponding configuration.

#3

Perfect, I was not clear about the behavior …

thank you very much