试图弄清楚如何在Dojo的Accordion dijit.layout.AccordionContainer上添加展开/折叠箭头图像,就像
dijitTitlePane / dojox.widget.TitleGroup一样.
做了一些研究,找出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; }