How to get the key row selected in the kendo ui grid

Question

I am writing this code to create a Grid with kendo Ui in asp.net mvc

@(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)) )) 

I want when the user clicks on ViewDetails alert BrandId Column value, please help me.thanks all

Answer 1

You just need to add the javascript function.

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

Here is the Gend Kendo User Team diagram

Answer 2

also i used this successfully:

 <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>