Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ajax 剑道UI网格数据绑定_Ajax_Json_Kendo Ui - Fatal编程技术网

Ajax 剑道UI网格数据绑定

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

我在将网格重新绑定到从AJAX调用接收到的数据时花了很多时间。日期失去了格式

@{
    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)\/"}]}