accordion - Dojo/Dijit Accordion - 添加展开和折叠箭头

Question

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

Answer 1

做了一些研究来找出 TitlePane 从哪里获取箭头图像，发现它是一个 Sprite 图像。我创建了一些额外的代码，使用相同的 Sprite 图像将展开和折叠箭头添加到 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)或自定义主题名称。