Dojo / Dijit手风琴 - 添加展开和折叠箭头

Question

试图弄清楚如何在Dojo的Accordion dijit.layout.AccordionContainer上添加展开/折叠箭头图像，就像dijitTitlePane / dojox.widget.TitleGroup一样。

Answer 1

做了一些研究，找出TitlePane从哪里得到箭头图像，发现它是一个精灵图像。我创建了一些额外的代码，使用相同的精灵图像将展开和折叠箭头添加到AccordionPane。必须为主题添加一些额外的CSS才能使其工作：

在 /themes/THEME_NAME/THEME_NAME.css 中添加以下第2625行附近：

.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）或自定义主题的名称。