kendoui MVVM的写法

使用viewModel绑定数据到html元素

this.grid.data("kendoGrid").tbody.on("click", ".k-grid-editmy", function (e) {
                    e.preventDefault();
                    var dataItem = om.grid.data("kendoGrid").dataItem($(e.currentTarget).closest("tr"));
                    wnd = $("#form-edit")
                        .kendoWindow({
                            width: 600,
                            height: 500,
                            modal: true,
                            title: "修改",
                            visible: false,
                            resizable: false
                        }).data("kendoWindow");
                    wnd.center().open();
                    var viewModel = kendo.observable({
                            num: dataItem.num,
                            nickname: dataItem.nickname,
                            selectedRoles: ["1","2"],
                            roles: new kendo.data.DataSource({
                                transport: {
                                    read: {
                                        type: "get",
                                        url: "http://localhost/tp5/public/index.php/api/manageroles/readroles",
                                        dataType: "json",
                                        data: {access_token: layui.data('layuiAdmin').access_token}
                                    }
                                }
                            }),
                            update: function (e) {
                                console.log(viewModel.toJSON());
                            },
                            cancel: function (e) {
                                wnd.close();
                            }
                        }
                    );
                    kendo.bind($("#form-edit"), viewModel);
 
                });
————————————————
版权声明：本文为优快云博主「挺住我先走」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.youkuaiyun.com/xiaoxinshuaiga/article/details/81110359