2015-01-12 14 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的繼承屬性。