Javascript 如何在dxSlideOut中设置图标,Devextreme
我在Devextreme基础项目的某些部分使用了dxslideout .dxViewJavascript 如何在dxSlideOut中设置图标,Devextreme,javascript,view,icons,devextreme,tabslideout,Javascript,View,Icons,Devextreme,Tabslideout,我在Devextreme基础项目的某些部分使用了dxslideout .dxView <div data-bind="dxSlideOut: { dataSource: musteriNavItems }"> . . </div> 这些代码有效。文本显示在dxSlideOut设计中,但图标不显示在此设计中。 如何在文本旁边添加图标?默认的dxSlideOut项目模板不支持“图标”字段。因此,您可以使用该选项定义菜单项的图标 <div data-options=
<div data-bind="dxSlideOut: {
dataSource: musteriNavItems
}">
.
.
</div>
这些代码有效。文本显示在dxSlideOut设计中,但图标不显示在此设计中。
如何在文本旁边添加图标?默认的dxSlideOut项目模板不支持“图标”字段。因此,您可以使用该选项定义菜单项的图标
<div data-options="dxTemplate:{ name:'menuItem' }">
<span data-bind="attr: {'class': 'dx-icon-' + icon}"></span>
<span data-bind="text: text"></span>
</div>
我在这里创作了一把小小提琴-
另外,请确保您的图标存在于中。嗨,Sergey,dxTemplate结构解决了我的问题。谢谢您的回答。
<div data-options="dxTemplate:{ name:'menuItem' }">
<span data-bind="attr: {'class': 'dx-icon-' + icon}"></span>
<span data-bind="text: text"></span>
</div>