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

Posted

技术标签:

【中文标题】kendo UI如何将xml数据源绑定到KendoGrid【英文标题】:kendo UI how to bind xml datasource to 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 上吗?

谢谢。

【问题讨论】:

【参考方案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>

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

【讨论】:

以上是关于kendo UI如何将xml数据源绑定到KendoGrid的主要内容,如果未能解决你的问题,请参考以下文章

Kendo UI 动态更改数据源字符串 (XML)

Kendo UI - 如何使用 Kendo MVVM 将选中的属性(属性)和处理复选框的单击事件绑定到 viewModel

更新 ViewModel 时如何防止 Kendo UI Grid 多次重新绑定

Kendo UI:Kendo 网格的惰性绑定

Kendo UI MVC 从 MultiSelect 小部件将 Grid 绑定到 DataSource

Kendo UI MVVM 中的数据绑定对象