2015-01-12 17 views
0

我正在使用dojo的一个项目,我有一些页面,我使用dijit/layout/AccordionContainer,这个手风琴有3个或更多的儿童容器,通常那些容器正在改变其高度根据当前页面上的可用高度动态确定。我不得不说,手风琴是使用dojo文档中的声明性示例生成的。如何设置不同的孩子大小,以道场手风琴

但有时我只需要一个手风琴容器比其他的要大。

enter image description here

例如:我需要的最后一个容器(名为:这太)要大些,其他人两个... ...

我的实现很简单,我使用的文档例如:

<div class="hook" style="width: 300px;"> 
<div class="hook" data-dojo-type="dijit/layout/AccordionContainer"> 
    <div data-dojo-type="dijit/layout/ContentPane" title="Heeh, this is a content pane"> 
     Hi! 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" title="This is as well" selected="true"> 
     Hi how are you? 
    </div> 
    <div data-dojo-type="dijit/layout/ContentPane" title="This too"> 
     Hi how are you? .....Great, thx 
    </div> 
</div> 

然后使用类钩我刚才添加的页面可用高度,并道场使所有的容器等。

Tnx!

+0

这仅仅是一个请求吗?还是有你自己的实现,你有问题?堆栈溢出是一个特定*问题的网站,而不是具体的*请求*。 – TylerH

+0

我想知道是否有人试图做这样的事情,我在哪里搜索手风琴容器的地方都是平等的。 – Arron

回答

1

你应该能够只是专门针对孩子div的,给他们这样的单独的属性:

hook > div:nth-child(3){ 
height: 300px !important; 
} 

DIV:第n个孩子(3)将针对最后一个容器。 !重要的子句将确保覆盖来自dojo的继承属性。