如何将数据视图 itemTpl 绑定到 viewModel？

Question

我想将数据视图项目标记为收藏。我如何按照以下逻辑将数据视图 itemTpl class 绑定到 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;
}

Answer 1

尝试

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>',               
  '</div>',
)

如何将数据视图 itemTpl 绑定到 viewModel？

How to bind dataview itemTpl to viewModel?

css

dataview

extjs