Ajax 剑道UI网格数据绑定
我在将网格重新绑定到从AJAX调用接收到的数据时花了很多时间。日期失去了格式Ajax 剑道UI网格数据绑定,ajax,json,kendo-ui,Ajax,Json,Kendo Ui,我在将网格重新绑定到从AJAX调用接收到的数据时花了很多时间。日期失去了格式 @{ ViewBag.Title = "Index"; } @section Scripts { <script type="text/javascript"> var viewModel; $(function () { // Load Data $.ajax({ async
@{
ViewBag.Title = "Index";
}
@section Scripts {
<script type="text/javascript">
var viewModel;
$(function () {
// Load Data
$.ajax({
async: false,
url: "/Kendo/Home/GetData"
}).success(function (result) {
viewModel = new kendo.observable(result);
});
// Create Grid
$("#grid").kendoGrid({
dataSource: {
data: viewModel.People,
schema: {
model: {
fields: {
DOB: { type: "date" }
}
}
}
},
columns: [
{ field: "FirstName", title: "First Name" },
{ field: "LastName", title: "Last Name" },
{ field: "DOB", title: "Date of Birth", format: "{0:MM/dd/yyyy}" }
],
editable: true
});
$(document).on("click", "#btn-save", function (e) {
$.ajax({
url: "/Kendo/Home/Save",
type: "POST",
data: JSON.stringify(viewModel),
contentType: "application/json"
}).success(function (result) {
var g = $("#grid").data("kendoGrid");
viewModel = new kendo.observable(result);
g.dataSource.data(viewModel.People);
});
});
});
</script>
}
<div id="grid"></div>
<div id="view">
<input data-bind="value: firstName" />
<input data-bind="value: lastName" />
<button id="btn-save">Save</button>
</div>
通过Save按钮从AJAX调用返回的数据如下:
{"People":[{"FirstName":"Sam 1234","LastName":"Striano","DOB":"\/Date(216288000000)\/"},{"FirstName":"Karson 1234","LastName":"Striano","DOB":"\/Date(322473600000)\/"}]}
你试过使用模板吗?类似于:template:'=kendo.toStringDOB,MM/dd/yyyyy'@Pabloker我这样做了,它一直工作,直到我尝试重新绑定ajax调用的结果,然后格式就消失了。我必须重新应用数据源架构吗?我使用的是kendo grid+MVC3,如下所示:。我使用客户端模板解决了日期格式化问题。我回复了您的正式通知单。
{"People":[{"FirstName":"Sam 1234","LastName":"Striano","DOB":"\/Date(216288000000)\/"},{"FirstName":"Karson 1234","LastName":"Striano","DOB":"\/Date(322473600000)\/"}]}