如何在 kendo ui 網格中選擇關鍵行

我編寫此程式碼用於在 asp.net mvc 中使用劍道 Ui 創建網格

 @(Html.Kendo().Grid(Model)
     .Name("Grid")

     .Columns(columns =>
                  {
                      columns.Bound(p => p.Id).Groupable(false).Visible(false);
                      columns.Bound(p => p.BrandName);
                      columns.Bound(p => p.BrandAbbr);
                      columns.Bound(p => p.SrcImage);

                      columns.Command(command => command.Custom("ViewDetails").Click("showDetails"));
                     })

   .ToolBar(toolbar =>
                   {
                       toolbar.Custom().Action("Create","Users").Text("add");                          
                   }
       )
       .Groupable()
       .Pageable()
       .Sortable()
.Scrollable()

       .Filterable()
       .HtmlAttributes(new {style = "height:500px;"})
       .Selectable(selectable => selectable
           .Mode(GridSelectionMode.Multiple)
           .Type(GridSelectionType.Row))  

       .DataSource(dataSource => dataSource
                                   .Server()                           
                                   .Model(model => model.Id(item => item.Id))

     ))   

我想當使用者點擊ViewDetails警報BrandId值列時，請幫助我。謝謝大家

你只需要添加javascript函式。

<script type="text/javascript">
   function showDetails(e) {
       e.preventDefault();
       var dataItem = this.dataItem($(e.currentTarget).closest("tr"));
       alert(dataItem.Id);  //considering Id = BrandId
   }
</script>

這是劍道網格自定義命令的展示

我也成功地使用了這個：

<script type="text/javascript">

function showDetails(e)
{
e.preventDefaults();
var grid = $("#Grid").data("kendoGrid");

    var selectedItem = grid.dataItem(grid.select());


//you can get the value of any column  after that

alert("Brand Id is : " + selectedItem.Id);
alert("Brand Name is: " + selectedItem.BrandName);

}

</script>

引用自：https://stackoverflow.com/questions/17270844