tabview에 적절한 크기를 설정하는 방법은 무엇입니까? Webix Tabview를 들어

Question

, 나는 다음과 같은 구성을 사용 : 다른 탭에 사용자 스위치,이 버튼의 폭에 집어 넣은 것인지 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 */ 
    ] 

처음에, 모든 동안, OK이지만, tabview가 화면에 맞을 것으로 예상됩니다. 해결 방법이 있습니까, 아니면 제가 잘못하고있는 것이 있습니까?

Answer 1

저는 일반적으로이 문제가 발생하지 않도록 탭바와 함께 다중보기를 사용합니다. webix는 현재 활성화 된 셀의 너비로 탭보기를 적용하는 것으로 보입니다. 예제에서 간단한 해결책은 너비 구성 값을 tabview 인스턴스에 저장하는 것입니다. 은 그 여기 시도 : http://webix.com/snippet/88e79fc7 (I 폭 사용 :. tabview이 상위 뷰의 전체 폭을 차지하기 위해 "100 %"

Answer 2

을 언젠가 webix 명시 적으로 빈 공간을 필요로 당신은 후 {} 요소를 추가해야합니다. " . 도구 모음이 목적을 위해 "위젯을 도구 모음". 버튼을

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

더 좋은 방법은 사용하는 것 "

업데이트 미리보기 : http://webix.com/snippet/fab21b2e