具有多个选项卡的 tabsheet 的正确声明语法是什么？

Question

具有多个选项卡的 tabsheet 的正确声明语法是什么？我有一个如下所示的声明 xml，它仅适用于一个选项卡。当我添加另一个元素时，它说 tabsheet 只允许内部有一个元素，有什么奇怪的......知道这里有什么问题吗？

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

Answer 1

一个 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>

具有多个选项卡的 tabsheet 的正确声明语法是什么？

What is a proper declarative syntax for tabsheet with several tabs?

vaadin

vaadin7