2012-11-25 53 views
1

工作,我有劍道UI網格模板看起來像以下:劍道UI網格模板不會在Firefox和Chrome

<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它rendrers爲:

#= 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模板適用於其他瀏覽器?

回答

2

你好你的模板似乎工作正常。這是行動JsBin

當您使用數據時,您可以檢查控制檯以查看是否有任何JavaScript錯誤。如果沒有定義任何教育領域,則可能會破壞模板。

+0

非常感謝您的及時回覆。我可以通過本地引用Kendo庫而不是通過CDN來解決這個問題。顯然,它沒有通過Firefox的CDN加載足夠快。這就是爲什麼一些劍道的東西沒有被引用。但後來它開始在IE中拋出異常:「Microsoft JScript運行時錯誤:無法獲取屬性'原型'的值:對象爲空或未定義」。我曾嘗試在每一種方式中重新排列我的參考,但似乎沒有任何工作。 – UkraineTrain

+0

當我將jQuery庫與Kendo UI庫一起使用時,我開始收到錯誤,指出kendoMenu和kendoGrid無法識別。最後,我通過刪除引用kendo.all.min.js並改爲使用kendo.web.min.js解決了我的IE問題,這正是我需要的。但是,它仍然無法在Chrome中使用。所以,我需要弄清楚爲什麼。 – UkraineTrain

+0

我終於想出了最後一塊。事實證明,Kendo UI網格本質上是HTML中的

,並不總是喜歡在其他表格中。我正在研究的這個頁面被作爲一張巨大的桌子鋪開。這不是我設計它的方式,但事實就是這樣。一旦我擺脫了包裝我的Kendo UI Grid的表格,它開始適用於所有瀏覽器。 – UkraineTrain