使用Kendo在Razor页面中绑定

<link href="kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="kendo/styles/kendo.default.min.css" rel="stylesheet" />
<script src="kendo/js/jquery.min.js"></script>
<script src="kendo/js/kendo.all.min.js"></script>

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

<script>
    $(document).ready(function() {
        $("#grid").kendoGrid({
            dataSource: {
                data: [
                    { id: 1, name: "John" },
                    { id: 2, name: "Jane" },
                    { id: 3, name: "Bob" }
                ],
                schema: {
                    model: {
                        fields: {
                            id: { type: "number" },
                            name: { type: "string" }
                        }
                    }
                }
            },
            columns: [
                { field: "id", title: "ID" },
                { field: "name", title: "Name" }
            ]
        });
    });
</script>