如何在Kendo网格行模板中编写JavaScript

时间:2018-07-12 11:24:25

标签: kendo-ui kendo-grid kendo-asp.net-mvc

如何在kendo网格行模板中编写javascript?

这是我的示例代码

<script id="rowTemplate" type="text/x-kendo-tmpl">
    <div>
       <dl>
        <dt>
         <label class="iconPlace"><i class="fas fa-plane"></i></label>
         <label class="iconPlace"><i class="fas fa-building"></i></label>                                     
         <label class="Info"> #:traineeId# (#:traineeName#) </label>
         <label class="rank">#:rank#</label>
        </dt>
       </dl>
    </div>
</script>

我想要这样

<script id="rowTemplate" type="text/x-kendo-tmpl">
    <div>
       <dl>
        <dt>
         // if(condition) then
         <label class="iconPlace"><i class="fas fa-plane"></i></label>
         // end condition
         <label class="iconPlace"><i class="fas fa-building"></i></label>                                     
         <label class="Info"> #:traineeId# (#:traineeName#) </label>
         <label class="rank">#:rank#</label>
        </dt>
       </dl>
    </div>
</script>

我应用了以#开头和结尾的javascript条件,但无法正常工作

1 个答案:

答案 0 :(得分:2)

使用此:

<script id="rowTemplate" type="text/x-kendo-tmpl">
    <div>
       <dl>
        <dt>
         # if (condition) { #
         <label class="iconPlace"><i class="fas fa-plane"></i></label>
         # } #
         <label class="iconPlace"><i class="fas fa-building"></i></label>                                     
         <label class="Info"> #:traineeId# (#:traineeName#) </label>
         <label class="rank">#:rank#</label>
        </dt>
       </dl>
    </div>
</script>