blog-banner

kendoui

Here we share the experiences with the everyday technical challanges we face working on the projects.

<< Back

HOW TO GET CURRENT ROW IN KENDO UI GRID

Piyush Bhatt 06/11/2017 07:45 PM

 

To implement various validation rules or business logic, it could be important to know which row in the kendo ui grid, the  user is currently editing. The available functions in the kendo grid are helpful but they can be tweaked to get the behavior you may need during validation.

Here is a custom implementation of getting current row in the grid. Note that for this example to work correctly, you will need to have navigatable property set to true and/or selectable property set to {“single”, “multiple”}.

 kendo-hack-2.png

//returns current row element

kendo.ui.Grid.fn.currentRow = function() {

//this will only work if grid is navigatable

var cell = this.current();

if (cell) {

return cell.closest('tr')[0];

}

//following will only work if grid is selectable, it will get the 1st row only for multiple selection

if (this.options.selectable != false)

return this.select()[0];

return null;

}

 

Configure the grid as following:

var grid = $("#grid").kendoGrid({

selectable: true, //either one or

navigatable: true //this should be true

});

  

How to use currentRow function

//in change or edit events, get the grid object and directly call

// .currentRow() for the grid object. It will return null if

// the selectable and navigatable both are false. Otherwise

// you will get the row element. Calling grid.dataItem(row) gives

// the data item associated with current row

 

change: function(e)

{

var grid = this;

var row = grid.currentRow();

if(row)

console.log(grid.dataItem(row));

},

edit: function(e)

{

var grid = this;

var row = grid.currentRow();

if(row)

console.log(grid.dataItem(row));

}

 

 See a live working example on dojo here - http://dojo.telerik.com/IwoDA/2

Check out other tips -  How to clear filter while adding new row in Kendo UI Grid

AI Software provides custom software development services to small to Fortune 500 clients in US. Telerik Kendo UI is a great tool for modern enterprise web application development. We have a pool of .Net professionals with skills in Kendo UI and similar other toolset. We can also train your team to quickly become productive with Kendo tools and modern web development best practices. 

To learn more about us or to setup a training for Kendo UI, you can  Contact Us

  • AI Software FaceBook Page
  • AI Software Twitter Page

Recent Posts

Archives