由於淘汰賽kendo包,我使用kendo網格與淘汰賽。使用kendo網格與淘汰賽kendo和淘汰賽外部模板引擎
我有網格,網格的配置定義如下:
<div id="gridResult" data-bind="kendoGrid: gridOptions"> </div>
模板:
<script id="rowTmpl" type="text/html" >
<tr >
<td data-bind="text: PermitNumber"></td>
<td data-bind="text: WorkTypeDescription"></td>
....
</tr>
</script>
在我的視圖模型代碼:
// search result
this.SearchResult = ko.observableArray();
this.gridOptions = {
data: self.SearchResult,
pageable: { pageSize: 20 },
useKOTemplates: true,
rowTemplate: "rowTmpl"
}
我填充數據源而且一切都很好。
但是,我正在使用Knockout.js-External-Template-Engine,它可以在整個應用程序中使用各種模板,但不適用於用於kendo網格行的模板。
我試圖建立它在兩路:
名gridOptions.rowTemplate外部模板(但我不知道我怎麼能傳遞到外部的模板引擎引用的數據對象,所以給死了這條)
讓gridOptions.rowTemplate點在HTML文件中的「僞模板」,並在其內部定義參考外部模板,傳遞$數據如下數據上下文:
<script id="rowTmpl" type="text/html" > <!-- ko template: {name: 'gridRow', data: $data}--> <!-- /ko --> </script>
和外部模板gridRow.tmpl.html是如下:
<tr >
<td data-bind="text: PermitNumber"></td>
<td data-bind="text: WorkTypeDescription"></td>
....
</tr>
但是,它不工作 - 檢查頁面加載過程中網絡請求時,沒有加載劍道要求行模板。
任何想法如何使它工作?
編輯 我只注意到,當我移動的行模板外部文件,我得到下面的JavaScript錯誤,即使它的工作原理確定在頁面上,使用內嵌rowTemplate。
的ReferenceError:gridOptions沒有定義