如何为tabview设置适当的大小？

问题描述：

对于Webix TabView的，我使用类似的配置，以执行以下操作： http://webix.com/snippet/cdb211fd 如何为tabview设置适当的大小？

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 */ 
    ]

最初，所有是OK，但是如果用户切换到另一个选项卡，它会挤压到按钮的宽度，而我预计tabview将适合屏幕。有没有解决方法或我做错了什么？

答

我通常使用一个多视图与tabbar，所以我没有遇到这个问题。看来，webix正在调整tabview与当前活动单元格的宽度。您示例中的一个简单解决方案是将宽度配置值放入tabview实例。我想，在这里：http://webix.com/snippet/88e79fc7（我用的宽度：“100％”，使TabView的占据其父视图的整个宽度

答

有时webix需要空的空间要明确你后添加{}元素“。。工具栏”。按钮

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

一个更好的办法是使用 “工具栏” 窗口小部件用于此目的

更新片段：http://webix.com/snippet/fab21b2e

如何为tabview设置适当的大小？

相关推荐