而在ASP.NET实现基本寻呼剑道UI电网错误 [英] Error while implementing basic paging in Kendo UI Grid in ASP.NET

问题描述

我很新的UI剑道电网，所以请原谅我，如果这是愚蠢的问题。我试图与分页功能asp.net实现基本剑道UI网格。但我发现了在kendo.web.min.js错误。

I'm very new Kendo UI Grid,so please excuse me if it's dumb question. I'm trying to implement basic Kendo UI Grid in asp.net with paging functionality. But I'm getting error in kendo.web.min.js.

在第13行，列在15140 HTTP未处理的异常：//本地主机：63987 /脚本/剑道/ 2014.1.318 / kendo.web.min.js

Unhandled exception at line 13, column 15140 in http://localhost:63987/Scripts/kendo/2014.1.318/kendo.web.min.js

0x800a01b6 - 微软JScript运行时错误：对象不支持属性或方法切片

0x800a01b6 - Microsoft JScript runtime error: Object doesn't support property or method 'slice'.

这是行

n._pristineData = e.slice（0），这里的'e'是对象，计数和数据性质而我是从我的网站返回API。

n._pristineData=e.slice(0), here 'e' is object with 'Count' and 'Data' properties which I'm returning from my web api.

下面是我的网页API code：

Below is my web api code:

StudentController：

StudentController:

namespace KendoUIGridDemo
{
    public class StudentController : ApiController
    {
        private static IEnumerable<Student> students = new Student[]
        {
            new Student{ ID=1,Marks=70, Name="xxxx", Result=true}, 
            new Student{ ID=1,Marks=34, Name="xxxx", Result=false} 

        };
        // GET api/<controller>
        public Response Get(int skip,int take)
        {
            return new Response(students.ToArray(), students.Count());
        }
} 

模型：

public class Student
    {
        public int ID { get; set; }
        public string Name { get; set; }
        public string Standard { get; set; }
        public double Marks { get; set; }
        public bool Result { get; set; }
    }

public class Response
    {
        public int Count { get; set; }
        public Array Data { get; set; }
        public Response(Array data, int count)
        {
            this.Data = data; this.Count = count;
        }
    }

.aspx页面中：

.aspx page:

<asp:Content runat="server" ID="BodyContent" ContentPlaceHolderID="MainContent">
     <script src="Scripts/jquery-1.9.1.min.js"></script>
    <script src="Scripts/kendo/2014.1.318/kendo.web.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#studentGrid").kendoGrid({
                dataSource: new kendo.data.DataSource({
                    transport: {
                        read: "api/Student"
                    },
                    pageSize: 10,
                    serverPaging: true
                }),
                sortable: true,
                pageable: true
            });
        });
    </script>
    Kendo UI Grid demo
            <div id="studentGrid">
            </div>

</asp:Content>

我使用2014.1.318版剑道UI电网和jQuery的-1.9.1.min的版本。

I'm using "2014.1.318" version Kendo UI grid and "jquery-1.9.1.min" version.

我下面以参考

<一个href=\"http://docs.telerik.com/kendo-ui/tutorials/asp.net/hello%20kendo%20ui/asp-net-hello-kendo-ui-part-1\" rel=\"nofollow\">http://docs.telerik.com/kendo-ui/tutorials/asp.net/hello%20kendo%20ui/asp-net-hello-kendo-ui-part-1

我缺少什么？

推荐答案

响应对象，你需要返回应该有正确的属性是什么（数据的和的总的）。

The response object what you need to return should have the correct properties (Data and Total).

例如：

public class Response<TViewModel>
{
    public object Groups { get; set; }
    public IEnumerable<TViewModel> Data { get; set; }
    public int Total { get; set; }
}

有关更多详细信息，请参阅 github上。

For some more details, see this project on github.

这篇关于而在ASP.NET实现基本寻呼剑道UI电网错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！