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

使用自定義命令和editRow方法

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

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

演示

Answer 2

$("#btn").on("click", function() { 
var grid  = $("#userTable").data("kendoGrid");
grid.editRow(grid.select()); })

以上將讓您以編程方式編輯選定的網格行