剑道 UI 网格数据源 asp webforms

Question

所以我按照Kendo Provides 使用外部数据源的示例，由于某种原因，当您放置 Default.aspx/GetEvents 的 URL（其中 GetEvents 是 Default.aspx 中的网络方法）时，它会返回整个 HTML Default.aspx 而不是仅仅在普通的 AJAX 调用中调用 webmethod。

所以我找到了一种解决方法，我使用了本地数据源方法，它调用了一个 javascript 函数 - 这个 javascript 函数在 default.aspx 中对我的 webmethod 进行了自己的 ajax 调用，并获得了成功的响应

这是我的代码

 $(document).ready(function () {
                $("#grid").kendoGrid({
                    dataSource: {
                        data: createRandomData(),
                        schema: {
                            data: "d"
                        },
                        pageSize: 10
                    },
                    height: 250,
                    scrollable: true,
                    sortable: true,
                    filterable: true,
                    pageable: {
                        input: true,
                        numeric: false
                    },
                    columns: [
                        {
                            field: "Title",
                            title: "Title",
                            width: 100
                        },
                        {
                            field: "StartDate",
                            title: "StartDate",
                            width: 100
                        },
                        {
                            field: "Keywords",
                            width: 100
                        }
                    ]
                });
            });

这里是 createRandomData() 返回的开始 - 它是有效的 json - 我只是不想把它全部粘贴，让这个问题变得不可读

"d" : [
{
    "Title": "Chicago BlackHawks vs. Detroit Redwings",
    "StartDate": "9/7/2012 12:00:00 AM",
    "Keywords": "-- Select --"
},
{
    "Title": "",
    "StartDate": "1/1/1900 12:00:00 AM",
    "Keywords": "-- Select --"
}, .......

我看不出这不起作用的原因，现在网格只是说“正在加载...”并且永远保持这种状态，没有控制台错误

                    function createRandomData() {
                    $.ajax({
                        type: "POST",
                        url: "MyEvents.aspx/GetEvents",
                        contentType: "application/json; charset=utf-8",
                        dataType: "json",
                        success: function (msg) {                                
                            var rs = msg;
                            return rs;
                        }
                    });
                    return false;
                }

Answer 1

可能的问题是 KendoUI 在使用 data 元素时需要一个简单的 javascript 调用（没有 AJAX）。当您调用 JS 方法时，它会立即返回，但 AJAX 调用需要更长的时间才能完成，但 Kendo 网格在调用完成时永远不会收到通知。

您可以尝试在数据源here 上使用transport.read 对象。这样，网格应该可以正常使用 AJAX 调用。

编辑： 你有没有尝试过这样的事情：

dataSource: {
    transport: {
        read: function(options) {
            $.ajax({
                type: "POST",
                url: "MyEvents.aspx/GetEvents",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (msg) {                                
                    options.success(msg.d);
                }
            });
        }
     }
}

Answer 2

也许改变你的架构定义：

从这里

schema: {
 data: "d"
}

到这里

schema: {
 model: {
  fields: {
    Title: { type: "string" },
    StartDate: { type: "string" },
    Keywords: { type: "string" }
   }
 }
}