how to get selected row value in the KendoUI

Question

I have a kendoUI grid                     Html Kendo   Grid lt EntityVM gt                         Name  EntitesGrid                                    HtmlAttributes new   style    height 750px width 100  scrollbar-face-color   eff7fc                           Columns columns   gt                                                columns Bound e   gt  e Id  Hidden   IncludeInMenu false                           columns Bound e   gt  e EntityVersionId  Hidden   IncludeInMenu false                           columns Bound e   gt  e Name  Width  70    Title  Entity Name                            columns Bound e   gt  e EIN  Width  30                                     ToolBar toolBar   gt  toolBar Template   lt a class  k-button k-button-icontext k-grid-add  id  addEntity  gt  lt span class  k-icon k-add  gt  lt  span gt Entity lt  a gt                    lt a class  k-button k-button-icontext  id  editEntity  gt  lt span class  k-icon k-edit  gt  lt  span gt Edit lt  a gt                          DataSource dataSource   gt  dataSource                      Ajax   ServerOperation false                       Model model   gt  model Id e   gt  e Id                        Read read   gt  read Action  GetEntities    Entity   new   projectId   Request QueryString DataKeyNameConstants ProjectId                            Sortable                        Scrollable                        Filterable                        Resizable resize   gt  resize Columns true                        Reorderable reorder   gt  reorder Columns true                        ColumnMenu                        Selectable s   gt  s Mode GridSelectionMode Multiple                        Events events   gt  events Change  entSelChange                    now  I need to get the value of EntityVersionId from the selected Row   but not sure how to do it   here s my javascript function      editEntity   click function           var entityGrid       EntitesGrid   data  kendoGrid            what should I do from here       UPDATE  add code to loop all rows   function loadPreviousEntityVersion          alert  sdfsdfsdf        var entityGrid       EntitesGrid   data  kendoGrid        var data   entityGrid dataSource data         for var i   0  i lt data length  i              var currentDataItem   data i           alert dataItem EntityVersionId

User · Answer

I think it needs to be checked if any row is selected or not  The below code would check it   var entityGrid       EntitesGrid   data  kendoGrid                var selectedItem   entityGrid dataItem entityGrid select                 if  selectedItem    undefined                  alert  The Row Is SELECTED                else                 alert  NO Row Is SELECTED

User · Answer

One way is to use the Grid s select    and dataItem   methods   In single selection case  select   will return a single row which can be passed to dataItem    var entityGrid       EntitesGrid   data  kendoGrid    var selectedItem   entityGrid dataItem entityGrid select        selectedItem has EntityVersionId and the rest of your model   For multiple row selection select   will return an array of rows  You can then iterate through the array and the individual rows can be passed into the grid s dataItem     var entityGrid       EntitesGrid   data  kendoGrid    var rows   entityGrid select    rows each function index  row      var selectedItem   entityGrid dataItem row        selectedItem has EntityVersionId and the rest of your model

User · Answer

If you want to select particular element use below code  var gridRowData       lt your grid name gt    data  kendoGrid    var selectedItem   gridRowData dataItem gridRowData select     var quote   selectedItem   lt column name gt

User · Answer

There is better way  I m using it in pages where I m using kendo angularJS directives and grids has nt IDs     change  function  e       var selectedDataItem   e    null   e sender dataItem e sender select      null

[grid] how to get selected row value in the KendoUI

Examples related to grid

Examples related to kendo-ui