有谁知道,如何在TabContainer小部件中添加图标？我选择了这个例子：
<div dojoType="dijit.layout.TabContainer" style="width: 100%; height: 100%;">
<div dojoType="dijit.layout.ContentPane" title="My first tab" selected="true">
Lorem ipsum and all around...
</div>
<div dojoType="dijit.layout.ContentPane" title="My second tab">
Lorem ipsum and all around - second...
</div>
<div dojoType="dijit.layout.ContentPane" title="My last tab" closable="true">
Lorem ipsum and all around - last...
</div>
</div>
但是只有一个title属性来设置选项卡的标题.我该如何添加标签？
在this帖子中,我找到了一个为标题添加标签的解决方案：
I actually looked more into this and I found that this code works well: <div id="mainTabContainer" dojoType="TabContainer" style="width: 100%; height: 100%" selectedTab="tab1" > <a dojoType="LinkPane" href="/path/to/pane/content" refreshOnShow="true" style="display: none"><img src="path/to/your/image"/></a>
但是LinkPane的href属性使我感到困惑.我不需要链接到另一个HTML文档.
看看
TabContainer demo.您可以通过定义iconClass向标签添加图标：
<div id="tab3" data-dojo-type="dijit.layout.ContentPane" data-dojo-props='title:"Tab 3",iconClass:"dijitEditorIcon dijitEditorIconSave",closable:true'>
它只是告诉选项卡哪个CSS类用于图标.您不必使用Dojo的主题类,您可以在样式表中定义自己的类.查看dijit / icons中的CSS文件.
顺便说一下,TabContainer演示使用HTML5风格的属性(例如data-dojo-type),你使用旧的(dojoType).他们都很好,但根据我的经验,如果你混合它们,可能会发生奇怪的事情,所以最好选择一种风格并始终如一地使用它.
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。