如何在dxSlideOut,Devextreme中设置图标

Question

我在Devextreme基础项目的某些部分使用过dxslideout

.dxView

<div data-bind="dxSlideOut: {
dataSource: musteriNavItems
}"> 
.
. 
</div>

javascript

musteriNavItems = [
{ action: "Profil", icon: "profil", text: "Profil" },
{ icon: "info", text: "Çıkış" }
];

这些代码work.Text出现在dxSlideOut设计中，但图标没有出现在这个设计中。如何在文本旁边添加图标？

Answer 1

默认的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>

我在这里创建了一个小 fiddle - http://jsfiddle.net/dfc2ggck/1/

此外，请确保您的图标存在于 DevExtreme Icon Library。

如何在dxSlideOut,Devextreme中设置图标

How to set icon in dxSlideOut,Devextreme

javascript

icons

view

tabslideout

devextreme