kendo UI如何将xml数据源绑定到KendoGrid答案

【问题标题】：kendo UI how to bind xml datasource to KendoGridkendo UI如何将xml数据源绑定到KendoGrid
【发布时间】：2015-12-19 14:09:09
【问题描述】：

我正在尝试将 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.XMLHttpRequest.responseText 的错误消息；

有什么简单的方法可以将它绑定到 Kendo-Grid 上吗？

谢谢。

【问题讨论】：

标签： kendo-ui telerik kendo-grid kendo-asp.net-mvc

【解决方案1】：

请尝试使用以下代码 sn-p。字段名称“标题”区分大小写。

<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>

如果有任何问题，请告诉我。

【讨论】：