kendo-ui - 如何根据数据渲染 KendoUI 列

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>

我希望你明白了。