1

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 テンプレートを他のブラウザで動作させるにはどうすればよいですか?

4

1 に答える 1

2

こんにちは、テンプレートは正常に機能しているようです。これが実際のJsBinです。

コンソールをチェックして、データを使用しているときに JavaScript エラーがあるかどうかを確認できます。教育などのフィールドが定義されていない場合、テンプレートが壊れる可能性があります。

于 2012-11-25T09:15:05.200 に答える