[英]Uncaught TypeError : cannot read property 'replace' of undefined In Grid
我是使用Kendo Grid和Kendo UI的新手。 我的問題是如何解決此錯誤
Uncaught TypeError: Cannot read property 'replace' of undefined
這是我在KendoGrid上的代碼
$("#Grid").kendoGrid({
scrollable: false,
sortable: true,
pageable: {
refresh: true,
pageSizes: true
},
dataSource: {
transport: {
read: {
url: '/Info/InfoList?search=' + search,
dataType: "json",
type: "POST"
}
},
pageSize: 10
},
rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')),
altRowTemplate: kendo.template($("#rowTemplate").html())
});
導致錯誤的行
rowTemplate: kendo.template($("#rowTemplate").html().replace('k-alt', '')),
rowTemplate的HTML
<script id="rowTemplate" type="text/x-kendo-tmpl">
<tr class='k-alt'>
<td>
${ FirstName } ${ LastName }
</td>
</tr>
</script>
我認為jQuery無法找到該元素。
首先找到元素
var rowTemplate= document.getElementsByName("rowTemplate");
要么
var rowTemplate = document.getElementById("rowTemplate");
要么
var rowTemplate = $('#rowTemplate');
然后再次嘗試您的代碼
rowTemplate.html().replace(....)
可能是因為屬性pageable -> pageSizes: true 。
刪除它並再次檢查。
請嘗試使用以下代碼段。
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2014.1.318/styles/kendo.default.min.css" rel="stylesheet" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://cdn.kendostatic.com/2014.1.318/js/kendo.all.min.js"></script>
<script>
function onDataBound(e) {
var grid = $("#grid").data("kendoGrid");
$(grid.tbody).find('tr').removeClass('k-alt');
}
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
type: "odata",
transport: {
read: "http://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders"
},
schema: {
model: {
fields: {
OrderID: { type: "number" },
Freight: { type: "number" },
ShipName: { type: "string" },
OrderDate: { type: "date" },
ShipCity: { type: "string" }
}
}
},
pageSize: 20,
serverPaging: true,
serverFiltering: true,
serverSorting: true
},
height: 430,
filterable: true,
dataBound: onDataBound,
sortable: true,
pageable: true,
columns: [{
field: "OrderID",
filterable: false
},
"Freight",
{
field: "OrderDate",
title: "Order Date",
width: 120,
format: "{0:MM/dd/yyyy}"
}, {
field: "ShipName",
title: "Ship Name",
width: 260
}, {
field: "ShipCity",
title: "Ship City",
width: 150
}
]
});
});
</script>
</head>
<body>
<div id="grid">
</div>
</body>
</html>
我用不同的方式實現了同樣的事情。
在我的情況下，我使用的視圖已轉換為部分視圖，我忘記從“@section腳本”中刪除模板。 刪除部分塊，解決了我的問題。 這是因為這些部分沒有在部分視圖中呈現。
在模型中定義id很重要
.DataSource(dataSource => dataSource
.Ajax()
.PageSize(20)
.Model(model => model.Id(p => p.id))
)
Elastic_Grid | “未捕獲的TypeError：無法讀取未定義的屬性'toLowerCase'”
[英]Elastic_Grid | “Uncaught TypeError: Cannot read property 'toLowerCase' of undefined”
錯誤“Uncaught TypeError：無法在網格數據源中讀取未定義的屬性'__count'
[英]Error “Uncaught TypeError: Cannot read property '__count' of undefined” in grid datasource
未捕獲的TypeError：無法讀取未定義jQuery可拖動+可排序的屬性“替換”
[英]Uncaught TypeError: Cannot read property 'replace' of undefined jQuery draggable + sortable
未捕獲的TypeError：無法讀取未定義的查詢參數jQuery的屬性“替換”
[英]Uncaught TypeError: Cannot read property 'replace' of undefined Query parameter jQuery
未捕獲的類型錯誤：無法讀取未定義的 Discord 的屬性“替換”
[英]Uncaught TypeError: Cannot read property 'replace' of undefined Discord
Jquery-timeago未捕獲的TypeError：無法讀取未定義的屬性“替換”
[英]Jquery-timeago Uncaught TypeError: Cannot read property 'replace' of undefined
未捕獲的TypeError：無法讀取未定義-underscore的屬性“ replace”
[英]Uncaught TypeError: Cannot read property 'replace' of undefined -underscore
jQuery Uncaught TypeError：無法讀取未定義的屬性“替換”
[英]Jquery Uncaught TypeError: Cannot read property 'replace' of undefined
如何修復“未捕獲的類型錯誤：無法讀取未定義的屬性‘替換’”錯誤？
[英]How to fix "Uncaught TypeError: Cannot read property 'replace' of undefined" error?
另一個未被捕獲的TypeError ：：無法讀取未定義的屬性“替換”
[英]Yet Another Uncaught TypeError: : Cannot read property 'replace' of undefined
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.