如何设置图标在dxSlideOut,Devextreme
How to set icon in dxSlideOut,Devextreme
我在Devextreme basic项目的某些部分使用了dxslideout
。dxView
<div data-bind="dxSlideOut: {
dataSource: musteriNavItems
}">
.
.
</div>
javascript musteriNavItems = [
{ action: "Profil", icon: "profil", text: "Profil" },
{ icon: "info", text: "Çıkış" }
];
这些代码有效。在dxSlideOut设计中显示文本,但在此设计中不显示图标。我如何在文本旁边添加图标?
默认的dxSlideOut项目模板不支持'icon'字段。因此,您可以使用menuTemplate选项来定义菜单项的图标。
<div data-options="dxTemplate:{ name:'menuItem' }">
<span data-bind="attr: {'class': 'dx-icon-' + icon}"></span>
<span data-bind="text: text"></span>
</div>
我在这里创建了一个小提琴- http://jsfiddle.net/dfc2ggck/1/
同时,确保你的图标存在于DevExtreme图标库中