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

发布时间：2020-12-16 21:56:33 所属栏目：百科来源：网络整理

导读：试图弄清楚如何在Dojo的Accordion dijit.layout.AccordionContainer上添加展开/折叠箭头图像,就像 dijitTitlePane / dojox.widget.TitleGroup一样. 做了一些研究,找出TitlePane从哪里得到箭头图像,发现它是一个精灵图像.我创建了一些额外的代码,使用相同的精

试图弄清楚如何在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;
}

将ThEME_NAME替换为您的主题名称(即claro)或自定义主题的名称.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!