wie Schlüsselzeile in Kendo ui Gitter

Question

ich diesen Code zu schreiben, ausgewählt werden für Grid in asp.net MVC mit Kendo Ui erstellen

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

    )) 

ich will, wenn Benutzer klicken Sie auf ViewDetails Alarm BrandId Wert Säule, bitte helft mir .thanks alle

Answer 1

Sie müssen nur JavaScript-Funktion hinzufügen.

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

Hier ist die Demo von Kendo Grid Custom Command

Answer 2

auch benutzte ich diese erfolgreich:

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