kendoGrid数据源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

有一个关于你的表结构的任何细节，但这里是一个行和列标题一个简单的例子，能够将数据源设置为一个HTML表格，你将需要使用某种剑道自定义模板，或者有功能通过在表中的所有节点来遍历然后设置到一个数组，并使用该数据源中的字段。

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