具有多个选项卡的标签页的正确声明语法是什么?

时间:2016-12-22 13:26:47

标签: vaadin vaadin7

带有多个标签的标签页的正确声明语法是什么?我有一个声明性的xml如下所示,只适用于一个选项卡。当我添加另一个元素时,它表示标签页只允许内部有一个元素,有什么奇怪的...这里有什么想法错了吗?

<vaadin-tab-sheet>
      <tab caption="Basic">
      </tab>
</vaadin-tab-sheet>

1 个答案:

答案 0 :(得分:2)

TabSheet可以包含多个选项卡,但TabSheet中的选项卡只能包含一个组件。如果要在选项卡中添加多个组件,则需要使用布局来覆盖它们。 这是一个例子:

   <vaadin-tab-sheet> 
       <tab caption="Tab 1 with multiple components" selected> 
           <vaadin-horizontal-layout> 
               <vaadin-button plain-text>
                   Button 
               </vaadin-button> 
               <vaadin-button plain-text>
                   Button 
               </vaadin-button> 
           </vaadin-horizontal-layout> 
       </tab> 
       <tab caption="Tab 2 with only one component"> 
          <vaadin-button plain-text>
              Button 
          </vaadin-button> 
       </tab> 
   </vaadin-tab-sheet>