Question

我在Kendo UI中有一个Grid模板，如下所示：

<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr class="row-template">
    <td style="width:80px">
        <div rowspan="4"><img src="../../Images/picture_temp.jpg" class="display_searchresults_picture"/></div>
    </td>
    <td>
        <div class="display_searchresults_name"><a href="">#= FirstName # #= LastName # </a></div>
        <div align="right" width="100px">* * * * *(4.5)</div>                       
        # for (var i = 0; i < Education.length; i++) { #      
            <div class="display_searchresults_address">#= Address.City #, #= Address.State # | #= Education[i].School.Name #</div>         
            # for (var j = 0; j < Education[i].Major.length; j++) { #          
                <div class="display_searchresults_info">#= Education[i].Major[j].Name # | #= Education[i].GraduationDate.Year # | 3.5-3.75</div>              
            # } #
        # } #                                                                                         
        <div class="display_searchresults_desc" colspan="2">#= Description #<a href="">...</a></div>         
    </td>
</tr>

这个模板的工作方式就像IE 9中的魅力一样，但在Firefox中，它的形式如下：

#= FirstName # #= LastName #
* * * * *(4.5)
# for (var i = 0; i < Education.length; i++) { #
#= Address.City #, #= Address.State # | #= Education[i].School.Name #
# for (var j = 0; j < Education[i].Major.length; j++) { #
#= Education[i].Major[j].Name # | #= Education[i].GraduationDate.Year # | 3.5-3.75
# } # # } #
#= Description #...

基本上，它呈现为代码，而不是html。

对于Chrome，网格根本不会渲染到那里。如何让Kendo UI Grid模板适用于其他浏览器？

Answer 1

你好，你的模板似乎工作正常。这是行动JsBin。

您可以在使用数据时检查控制台以查看是否存在任何JavaScript错误。如果未定义教育等任何字段，则可能会破坏模板。

Kendo UI网格模板在Firefox和Chrome中不起作用

1 个答案: