Bulk Edit in Detailed/Hierarchical Editable Grid

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

    Posted 03 May 2016 Link to this post


       I am working on an application in which it contains detailed editable grid.

    Top/Parent  Grid is the Summary data , which is one row per employee. which is non-editable.

    and the Child grid contains detailed data for each employee which is editable. Like, if we expand the parent row, It will show-up all the detailed rows for that employee.


    Now, My requirement is, I need to add check-boxes for the Parent grid such that I can select multiple rows and modify the parent rows(Modifying means adding a new row ), then row should be added to the corresponding child grid.


    I am using JSP for this. Can you please help/point me to the corresponding examples if available.


    And is there any demos avaliable for JSP Kendo UI for Detailed/Hierarchical Editable Grid ?


    Thanks In Advance.


  2. Boyan Dimitrov
    Boyan Dimitrov avatar
    2062 posts

    Posted 05 May 2016 Link to this post

    Hello Nagaraju,

    I am afraid that we do not have such samples. However such scenario should be implemented by using custom logic with JavaScript using Kendo UI Grid API and Kendo UI DataSource API

    Below you can find listed some useful resource that can help you for your scenario: 

      1. The Grid / Export to PDF demo shows how to define a template for a column in order to show a check box. 

      2. Use Checkbox Column Templates and Edit how-to demonstrates how to use checkboxes in Kendo UI Grid column templates and perform editing. 

      3. In order to add item to a specific Kendo UI Grid you can either use the addRow method of the Kendo UI Grid or add method of the Kendo UI DataSource. 

    Boyan Dimitrov
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
Back to Top