如何将 dataview itemTpl 绑定到 viewModel？

问题描述

我想将数据视图项目标记为收藏。如何按照逻辑将 dataview itemTpl 类绑定到 viewmodel：

<i class="   '{isFavorite?"class1":"class2"}'    "></i>

其中 isFavorite 是模型字段类型布尔值。

itemTpl 类似于

itemTpl: new Ext.XTemplate(
  '<div class="card" style="padding-left: 32px;">','<div class="img"><img src="{src}" class="imgClass"></div>','<div><img class="favorite-yes"></div>','</div>',)   

css

.favorite-yes {
    width: 24px;
    height: 24px;
    background: url(http://pngimg.com/uploads/heart/heart_PNG51337.png) no-repeat;
}

.favorite-no {
    width: 24px;
    height: 24px;
    background: url(http://www.pngall.com/wp-content/uploads/3/Heart-Background-PNG-Image.png) no-repeat;
}

解决方法

试试

itemTpl: new Ext.XTemplate(
  '<div class="card" style="padding-left: 32px;">','<div class="img"><img src="{src}" class="imgClass"></div>','<div>','<tpl if="isFavorite">','   <img class="favorite-yes">','<tpl else>','   <img class="favorite-no">','</tpl>','</div>',)