Comment régler la taille correcte de la tabview?

Question

Pour la Webix TabView, j'utilise la configuration similaire à ce qui suit: http://webix.com/snippet/cdb211fd

view: "tabview", 
    cells: [ 
    { 
     header: "Tab 2", 
     body: { 
     rows: [   
      { 
      cols: [ 
       { view: "button" }, 
       { view: "button" }    
      ] 
      }, 
      { 
      view: "datatable" 
      } 
     ] 
     } 
    }, /* another with the same config, but different number of buttons */ 
    ] 

Dans un premier temps, tout est OK, mais si un utilisateur passe à un autre onglet, il soutire à la largeur des boutons, alors que Je m'attends à ce que le tabview corresponde à l'écran. Y at-il une solution de contournement ou ce que je fais mal?

Answer 1

J'utilise généralement un multiview en tandem avec une barre d'onglets donc je n'ai pas rencontré ce problème. Il semble que webix est en train d'adapter le avec de la tabview à la largeur de la cellule actuellement active. Une solution simple dans votre exemple consiste à placer une valeur de configuration de largeur dans l'occurrence de tabview. J'ai essayé ici: http://webix.com/snippet/88e79fc7 (je largeur:. « 100% » pour faire la TabView occuper toute la largeur de sa vue parent

Answer 2

Quelque temps webix ont besoin d'espaces vides pour être explicite Vous devez ajouter élément {} après ". . barre d'outils ». boutons

{ 
    padding:10, 
    cols: [ 
     { view: "button", value: "Refresh", width: 150 }, 
     { view: "button", value: "Serialize", width: 150 }, 
     {} 
    ] 
}, 

Une meilleure façon serait d'utiliser "toolbar" un widget à cette fin

extrait Mise à jour: http://webix.com/snippet/fab21b2e