如何设置图标在dxSlideOut,Devextreme

How to set icon in dxSlideOut,Devextreme

本文关键字：dxSlideOut Devextreme 图标 何设置 设置      更新时间：2023-09-26

我在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图标库中

相关文章：