Как установить правильный размер в виде табуляции?

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

Первоначально, все в порядке, но если пользователь переключается на другую вкладку, она прижмет к ширине кнопок, в то время как Я ожидаю, что вкладка будет соответствовать экрану. Есть ли обходной путь или что я делаю неправильно?

Answer 1

Обычно я использую multiview в тандеме с вкладкой, поэтому я не сталкивался с этой проблемой. Кажется, что webix адаптирует с вкладкой ширину активной ячейки. Простым решением в вашем примере является установка значения конфигурации ширины в экземпляр tabview. Я попробовал здесь: http://webix.com/snippet/88e79fc7 (я ширина:. «100%», чтобы сделать TabView занимает всю ширину своего родительского вида

Answer 2

Иногда webix нужны пустые пространства, чтобы быть явными Вы должны добавить {} элемент после ". . Панель инструментов». кнопки

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

лучше всего было бы использовать "панель инструментов" виджет для этой цели

Обновлен фрагмент: http://webix.com/snippet/fab21b2e