MVC Kendo UI Grid =自定義按鈕不能返回選定的行ID

Question

我想獲得選定的行「ID」，但它只是失敗......我完全不知道這裏發生了什麼。 MVC HTML代碼：

@(Html.Kendo().Grid(Model) 
    .Name("grid") 
    .HtmlAttributes(new { style = "margin-top: 5px" }) 
    .Columns(c => 
    { 
     c.Bound(model => model.mgID); 
     c.Command(com => { com.Custom("Edit").Click("Edit");}); 
    }) 
    .Pageable() 
    .Sortable() 
    .Selectable() 
    .DataSource(d => d 
     .Ajax() 
     .PageSize(20) 
     .Model(model => model.Id(i => i.mgID)) 
     .Read(r => r.Action("Manage_Read", "Manage")) 
     .Destroy(o => o.Action("Manage_Destroy", "Manage")) 
    ) 
) 

JavaScript代碼：

function Edit() { 

     var grid = $("#grid").data("kendoGrid"); 
     var row = grid.select(); 
     var selectedRowIndex = row.index(); //Return "-1" 
     var dataItem = grid.dataItem(row); //Return "Undefined" 

    } 

請告訴我，我究竟錯過了？

Answer 1

如果你需要的是獲得包含單擊「編輯」按鈕，該行的DataItem，你可以使用：

function Edit(e) { 
    var dataItem = this.dataItem($(e.target).closest("tr")); 
} 

注：

在 click事件的背景下
• this是grid。
• 在相同的背景下e.target是你的按鈕，所以我們尋找closest表格行。