剑道UI如何绑定xml数据源到KendoGrid

我正在尝试将XML数据源绑定到KendoGrid。但是网格没有显示任何数据。

下面是代码

        var dataSource = new kendo.data.DataSource({
        data: '<books><book id="1"><title>Secrets of the JavaScript Ninja</title></book></books>',
        schema: {
            // specify the the schema is XML
            type: "xml",
            // the XML element which represents a single data record
            data: "/books/book",
            // define the model - the object which will represent a single data record
            model: {
                // configure the fields of the object
                fields: {
                    // the "title" field is mapped to the text of the "title" XML element
                    title: "title/text()"
                }
            },
            schema: {
                model: {
                fields: {
                    Title: { editable: false, nullable: true }
                }
            }
            }
        }
    });

   // alert(errorDataSource.read());
    var pc = $("#gridError").kendoGrid({
        //excel: { fileName: "Client Orders.xlsx", filterable: true },
        dataSource: dataSource,
        scrollable: true,
        pageable: true,
        navigatable: true,
        columns: [
            { command: "destroy", width: 100 },
            {
                title: "Error Message",
                //lock: true,
                columns: [
                    { field: "Title", title: "Error", width: 600, headerAttributes: { class: "k-header-wrap" } }
                ],
            }
        ]
    });

你能帮帮我吗?

理想情况下，我想现在显示基于e.m xmlhttprequest . responsetext的错误消息;

是否有简单的方法将其绑定到Kendo-Grid?

谢谢。

请尝试使用下面的代码片段。字段名"title"区分大小写。

<head> 
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.2.902/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2015.2.902/styles/kendo.material.min.css" />
    <script src="https://kendo.cdn.telerik.com/2015.2.902/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2015.2.902/js/kendo.all.min.js"></script>
</head>
<body>
    <div id="gridError"></div>
    <script>
        var dataSource = new kendo.data.DataSource({
            data: '<books><book id="1"><title>Secrets of the JavaScript Ninja</title></book></books>',
            schema: {
                // specify the the schema is XML
                type: "xml",
                // the XML element which represents a single data record
                data: "/books/book",
                // define the model - the object which will represent a single data record
                model: {
                    // configure the fields of the object
                    fields: {
                        // the "title" field is mapped to the text of the "title" XML element
                        title: "title/text()"
                    }
                },
                schema: {
                    model: {
                        fields: {
                            title: { editable: false, nullable: true }
                        }
                    }
                }
            }
        });
        var pc = $("#gridError").kendoGrid({
            //excel: { fileName: "Client Orders.xlsx", filterable: true },
            dataSource: dataSource,
            scrollable: true,
            pageable: true,
            navigatable: true,
            columns: [
                { command: "destroy", width: 100 },
                {
                    title: "Error Message",
                    //lock: true,
                    columns: [
                        { field: "title", title: "Error", width: 600 }
                    ],
                }
            ]
        });
    </script>
</body>

相关内容

最新更新

热门标签：