Как установить иконку в dxSlideOut, Devextreme

Question

Я использовал dxslideout в некоторых частях основного проекта Devextreme

.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 не поддерживает поле «значок». Таким образом, вы можете использовать опцию 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 Icon Library.