Question

对于Webix Tabview，我使用类似于以下的配置： 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 */
  ]

最初，一切都还可以，但如果用户切换到另一个标签，它将挤压到按钮的宽度，而我希望tabview适合屏幕。是否有解决方法或我做错了什么？

Answer 1

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

Answer 2

有时webix需要空白才能显式化。您必须在“工具栏”按钮后添加{}元素。

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

更好的方法是使用“工具栏”小部件来实现此目的。

更新了代码段：http://webix.com/snippet/fab21b2e

如何为tabview设置合适的尺寸？

2 个答案: