如何在kendoUI中为不同的listview项设置不同的颜色

如何在kendoUI中为不同的listview项设置不同的颜色,listview,model-view-controller,kendo-ui,kendo-asp.net-mvc,Listview,Model View Controller,Kendo Ui,Kendo Asp.net Mvc,我正在Listview中显示项目,如下所示: 如何根据状态显示listview项的不同颜色?例如 下面是我实现的剑道ui代码示例 :CustomerVersion :排名 :AccountType @代码Dim listName=List Dim listViewRankBar=Html.Kendo.ListViewOf RankBarModel与listViewRankBar.NamelistName.TagNamediv.ClientTemplateIdtemplate.DATASUR

我正在Listview中显示项目,如下所示:

如何根据状态显示listview项的不同颜色?例如

下面是我实现的剑道ui代码示例

:CustomerVersion :排名 :AccountType @代码Dim listName=List Dim listViewRankBar=Html.Kendo.ListViewOf RankBarModel与listViewRankBar.NamelistName.TagNamediv.ClientTemplateIdtemplate.DATASURCESUBDASURCE DATASURCE.ReadSubread.ActionProducts\U read, RankBar datasource.PageSize15 End Sub.selectable SUBSELECTABLE.EnabledTrue selectable.MODEL ISTVIEWSELECTIONMODE.Single End Sub.EventsExchanges.ChangeonChange.DataBoundonDataBound End Sub.可分页结束 结束代码为@listViewRankBar
假设您的状态字段为status,则类似于此:

<script type="text/x-kendo-tmpl" id="template">
  <div class="product #if (Status == 'Active') {# active #} else {# inactive #}#">
    <h3>#:CustomerVersion#</h3>
    <h5>#:Rank#</h5>
    <h3>#:AccountType#</h3>
  </div>
</script>
可在此处找到运行示例: