kendoGrid dataSource html表

Question

我用Java脚本构建了一个HTML表，并希望将其设置为kendoGrid的数据源，但是它不起作用

大多数示例都使用数组，但我想使用此自定义html表。

Code ASPX
<div id="grid"></div>

JS
 table += tr + "</table>";

                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            transport: {
                                read: table
                            },
                            pageSize: 20
                        },
                        height: 550,
                        groupable: true,
                        sortable: true,
                        pageable: {
                            refresh: true,
                            pageSizes: true,
                            buttonCount: 5
                        },
                    });

Answer 1

没有关于表结构的详细信息，但是，这是一个具有一个行标题和一个列标题的简单示例，要能够将dataSource设置为HTML表，您需要使用某种kendo自定义模板，或者或者具有遍历表中所有节点的功能，然后将其设置为数组并在dataSource字段中使用。

<table id="grid">
    <thead>
        <tr>
            <th data-field="make">Car Make</th>
            <th data-field="model">Car Model</th>
            <th data-field="year">Year</th>
            <th data-field="category">Category</th>
            <th data-field="airconditioner">Air Conditioner</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Volvo</td>
            <td>S60</td>
            <td>2010</td>
            <td>Saloon</td>
            <td>Yes</td>
        </tr>
    </tbody>
</table>

<script>
    $(document).ready(function() {
        $("#grid").kendoGrid({
            height: 550,
            sortable: true
        });
    });
</script>