在模板中初始化kendo小部件的正确方法

<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.511/styles/kendo.common.min.css" />
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2022.2.511/styles/kendo.default.min.css" />
<script src="https://kendo.cdn.telerik.com/2022.2.511/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2022.2.511/js/kendo.all.min.js"></script>

<div id="myWidget"></div>

$(document).ready(function() {
    $("#myWidget").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" }
        ]
    });
});