KendoGrid Add New Row

2 posts, 0 answers
  1. Kranthi
    Kranthi avatar
    1 posts
    Member since:
    Apr 2016

    Posted 11 Apr 2017 Link to this post


    I am facing couple of issues in KendoGrid.

    1. I wanted to add a new row once user starts editing the last row, but I need focus on current row. Currently, when i start editing, new row is added but focus shifts on new row.

    2. Need an indicator for all the new Row added

    3. Can we fire validation on complete row instead of a cell?

    Please help if there is any possibility.

    Thanks in anticipation.


  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 13 Apr 2017 Link to this post


    I already replied to to the same questions in your support ticket, but I will paste the answers here as well in order that this might be helpful for others: 

         1. Once a new item is added to the Kendo UI DataSource the entire grid is refreshed and the focus state is reset to the first cell. The only solution is to store the lastly focused cell and reapply the focus state using the current method of the  Kendo uI Grid. 
         2. The dirty indicator is simply a span element with class="k-dirty". So basically you can prepend this element to the table cell: 

    $(tableCell).prepend($("<span class='k-dirty'></span>"))

        3. I am afraid that there is no row validation. 



    Boyan Dimitrov

    Telerik by Progress

    Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Back to Top