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

【问题标题】：Dojo / Dijit Accordion - Add Expand and Collapse ArrowsDojo / Dijit Accordion - 添加展开和折叠箭头
【发布时间】：2011-12-16 01:30:17
【问题描述】：

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

【问题讨论】：

标签： accordion dojo accordionpane

【解决方案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）或您的自定义主题的名称。

【讨论】：