标签可以垂直和水平显示

我们可以一次创建水平和垂直的dojo标签吗？我试过下面的代码，但它只显示第二个div显示水平标签。就此而言，我想在顶部显示选项卡，以便用户可以选择垂直或水平显示的任何必需的选项卡。标签可以垂直和水平显示

下面是示例代码：

<div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;" tabStrip="true"> 
      <div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true"> 
        11 
      </div> 
      <div dojoType="dijit.layout.ContentPane" title="My second tab"> 
       2222 
      </div> 
      <div dojoType="dijit.layout.ContentPane" title="My last tab"> 
       333333 
      </div> 
    </div> 

    <div data-dojo-type="dijit/layout/TabContainer" style="width: 400px; height: 100px;" tabPosition="left-h" tabStrip="true"> 
      <div data-dojo-type="dijit/layout/ContentPane" title="My first left tab" selected="true"> 
      left1111 
      </div> 
      <div data-dojo-type="dijit/layout/ContentPane" title="My second left tab"> 
      left2222 
      </div> 
      <div data-dojo-type="dijit/layout/ContentPane" title="My last left tab"> 
      left3333 
      </div> 
    </div>

来源

2014-11-14 user4199704

你想显示下相互这些标签？问题在于Dojo中的布局小部件需要知道他们可以采用什么空间。他们会看着他们的父母元素来决定他们可以采取什么样的规模。

你的第一个TabContainer有一个height的100%，这似乎工作正常，但它实际上并没有。该height: 100%使其为0高，结果是该容器下的任何内容将开始重叠。

因此，在你的情况下，你的第二个TabContainer将重叠第一个。

的解决方案是给它一个固定的高度，例如：

<div dojoType="dijit.layout.TabContainer" tabStrip="true" 
    style="width: 100%;height: 100px"> 
</div>

演示：http://jsfiddle.net/5yn2hLv9/

来源

2014-11-17 15:21:41 g00glen00b

我想显示在同一box.ie水平和垂直制表符，水平突出部的左侧我想显示垂直制表符。 @Dimitri M. – user4199704 2014-11-17 16:00:15

@ user4199704那么你将不得不把第二个'TabContainer'放在第一个里面，例如：http://jsfiddle.net/p3nqx10v/ – g00glen00b 2014-11-17 18:52:11

感谢所有的建议，我的要求是不同的。如果我得到解决方案，我会发布答案。 – user4199704 2014-11-17 20:17:15

标签可以垂直和水平显示

回答

相关问题