Put all rows into edit mode

10 posts, 0 answers
  1. C
    C avatar
    6 posts
    Member since:
    Jun 2012

    Posted 05 Oct 2012 Link to this post

    I'm wondering if it is possible to put all rows into edit mode while doing batch editing. It obviously isn't built into the API, but maybe there is a way around this?

    Specifically, I have a grid of 4 columns. Only 1 column is editable. That column happens to be a drop down list. I have been told that I need to display all of the records with that one column as editable drop downs. This makes sense in that it helps communicated to the user that this grid is batch editable. Otherwise it takes a little faith and exploration from the end user to understand that if they click in one of the cells they will be able to edit it.

    I have tried providing a drop down list for both the 'template' and the 'editor' function. However, that caused some flickering and didn't seem to update the template after leaving edit mode.

    Thoughts?
  2. Padmaja
    Padmaja avatar
    6 posts
    Member since:
    Nov 2012

    Posted 02 Jan 2013 Link to this post

    We are looking at doing something similar. Any luck?
  3. Kendo UI is VS 2017 Ready
  4. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 03 Jan 2013 Link to this post

    Hello,

     Kendo UI grid does not support the requested feature. It supports inline, popup and incell editing modes.

    Greetings,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  5. Padmaja
    Padmaja avatar
    6 posts
    Member since:
    Nov 2012

    Posted 03 Jan 2013 Link to this post

    Thanks for the quick reply,

    We have tried a hack (inspired by some Telerik ASP.NET MVC post) in the DataBound event and had a little luck. Essentially the below script sets the second row in edit mode (eq(1)) but not the rest of rows. 
    function OnGridDatabound(arg) {
        setTimeout(function () {
           var grid = $('#Grid').data('kendoGrid');
           grid.editRow($('#Grid tr:has(td):eq(1)'));               
           }, 0);
    }
    Any advise?

    Thanks,
    Padmaja
  6. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 04 Jan 2013 Link to this post

    Hello,

     As I said in my previous reply this is not supported. There are not possible workarounds without actually supporting that feature.

    Regards,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  7. Rayne
    Rayne avatar
    241 posts
    Member since:
    Sep 2010

    Posted 09 Jan 2013 Link to this post

    I understand that it's not possible.

    My page has edit functionality like this: "ADD a code or EDIT the list" such that the words ADD and EDIT are links. When user clicks ADD, a form slides in just above the grid. If they click EDIT, it allows editing the grid.

    So my idea is that I can set the grid to editable: false, then when EDIT is clicked, make the grid editable (or including other such needed options).  Will this work?

    Also I want to use batch editing with inline command on each row to delete the row. Will making the grid not editable, hide the delete button for each row, or at least make it disabled?
  8. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 10 Jan 2013 Link to this post

    Hi Rayne,

    Enabling the grid editing from code is not currently possible. Editing is enabled during initialization time only.

    Making the grid not editable will not hide the delete button. You can however use some JavaScript to implement that (and the first requirement). Here is a live demo: http://jsbin.com/ojosul/1/edit

    Regards,
    Atanas Korchev
    the Telerik team
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  9. Rayne
    Rayne avatar
    241 posts
    Member since:
    Sep 2010

    Posted 10 Jan 2013 Link to this post

    Thank you.. That will work great for what I want to accomplish.
  10. Qamar
    Qamar avatar
    2 posts
    Member since:
    Sep 2013

    Posted 17 Feb 2015 in reply to Atanas Korchev Link to this post

    Is this feature added to kendgrid? No roadmap too?
  11. Anthony
    Anthony avatar
    122 posts
    Member since:
    Jun 2013

    Posted 24 Mar 2015 Link to this post

    For what it's worth I'm trying to figure out exactly the same thing.

    I have a grid where a single column in the grid can be edited (via date picker), nothing can be deleted and typically only 10 rows. It would be useful to have a mode where the grid is permanently editable
Back to Top
Kendo UI is VS 2017 Ready