Dojo/Dijit Accordion - 添加展開和摺疊箭頭

Question

試圖找出如何在Dojo的Accordion dijit.layout.AccordionContainer上添加展開/摺疊箭頭圖像，就像dijitTitlePane/dojox.widget.TitleGroup一樣。

Answer 1

做了一些研究，找出TitlePane從哪裏得到箭頭圖像，並發現它是一個精靈圖像。我創建了一些額外的代碼，使用相同的精靈圖像將展開和摺疊箭頭添加到AccordionPane。有一些額外的CSS添加到主題，以使這項工作：

添加以下近線2625在/themes/THEME_NAME/THEME_NAME.css：

.THEME_NAME .dijitAccordionArrow { 
    background:url("images/spriteArrows.png") no-repeat -14px top; 
    width:7px; 
    height:8px; 
    margin-top:-1px; 
} 

.THEME_NAME .dijitAccordionTitleSelected .dijitAccordionArrow { 
    background:url("images/spriteArrows.png") no-repeat; 
    margin-top:-1px; 
} 

替換爲THEME_NAME無論您股票主題的名稱（即claro）或您的自定義主題的名稱。