问为KendoUI ListView创建自定义模板

EN

<script type="text/x-kendo-tmpl" id="template">
    <div class="item">
    <div class="image">
        <a href='@Url.Action("GetDetails", "Products", routeValues: new {id =${ProductID}} )' target='_blank' class='pimg'>
            <img src="${ProductThumbnailImageUrl}" alt=" ${ProductTitle}"/>
        </a>
    <div class="price"> ${kendo.toString(ProductPrice, "n0")} </div>

    <div class="name">

</div>
    <div class="description_featured" style="min-height: 110px;">
        ${ProductDescription}

    </div>
    </div>
</div>

</script>

@(Html.Kendo().ListView(Model)
          .Name("listView")
          .TagName("div")
          .ClientTemplateId("template")
          .DataSource(dataSource =>
                      {
                          dataSource.Read(read => read.Action("Products_Read", "Products"));
                          dataSource.PageSize(12);
                          dataSource.ServerOperation(false);
                      })
          .Pageable()
             )