Question

我正在尝试根据列数据呈现客户html。如果IsHavingPromotion = true，请说“促销图片”。

或根据检索到的值渲染星级评分图像。我如何使用KendoUI模板？

        .Columns(columns =>
                {
                    columns.Bound(r => r.Id).Hidden(true);
                    columns.Bound(r => r.Name);
                    columns.Bound(r => r.GuestNumberMax).ClientTemplate("suitable for <strong>#= GuestNumberMax #</strong> pax");
                    columns.Bound(r => r.Description);
                    columns.Bound(r => r.IsHavingPromotion).ClientTemplate("# RenderIsHavingPromotion(this, IsHavingPromotion) #");
                })

Answer 1

'或根据检索到的值渲染星级评分图片，从哪里检索？基本上，您可以使用外部JavaScript函数来处理模板：

columns.Bound(r => r.IsHavingPromotion).ClientTemplate("#=RenderIsHavingPromotion(data)#");

<script>
    function RenderIsHavingPromotion(model){
          if(model.IsHavingPromotion){
              return '<img src="/promoted.png"/>';
          }else{
              //you other logic
          }
     }
</script>

我希望你明白了。

如何根据数据呈现KendoUI列

1 个答案: