Javascript 使用自定义按钮手动打开 Kendo UI 网格编辑器

Question

有没有办法强制打开 Kendo UI Grid 使用的编辑器？我所说的强制打开它是指我有一个网格，它可以添加、创建和删除行，但这是在初始化时使用 Kendo 网格的内置按钮完成的。

有没有一种方法或函数可以调用来打开编辑器，以便我可以将其附加到我的自定义按钮上？

这是我必须创建网格的代码。 (请注意，我删除了编辑，因为我不想进行单行编辑)

$("#userTable").kendoGrid({
        dataSource:{
            data: this.myCollection,
            schema: {
                model:{
                    fields:{
                        UserId: {type: "number"},
                        Firstname: {type: "string"},
                        Surname: {type: "string"},
                        Team: {type: "string"}
                    }
                }
            },
            pageSize: 5
        },
        change: this.OnChange,
        selectable: "multiple",
        pageable: true,
        editable: "popup",
        toolbar: ["create"],
        messages:{
            commands:{
                create: "Create"
            }
        },
        columns:[
            {field: "UserId", title: "User Id"},
            {field: "Firstname", title: "Firstname"},
            {field: "Surname", title: "Surname"},
            {field: "Team", title: "Team"}
    });

对此的任何帮助或建议将不胜感激。

谢谢

Answer 1

使用 Custom command和 editRow方法

...
command: { text: "Edit", click: customEdit }
...

function customEdit(e) {
   e.preventDefault();
   this.editRow($(e.currentTarget).closest("tr"));
}

Demo