Suggestions for upcoming Editing capability

10 posts, 0 answers
  1. Shane
    Shane avatar
    1 posts
    Member since:
    Mar 2011

    Posted 05 Aug 2011 Link to this post

    I'm very excited to see Kendo. I've been evaluating the Telerik MVC Grid, but it was too limiting for what I need to do with Dynamic objects.

    I have been searching for a client-side, javascript grid that can do what our current winform grids can do.  Where most of the javascript grids fall short today is editing with full keyboard support. When developing the editing functionality, please don't require a user to double-click a cell or row to put it into edit mode.  As a developer, I need to enable cell-edit simply by setting focus on a cell.

    Also, when I am in the cell and want to edit the cell to the right or left, all that should be required is to press Tab or Shift+tab.  If I want to edit the cell above or below, the up and down arrow should do the trick.  No mouse clicks required!

    SlickGrid does an excellent job of this, but unfortunately, it is missing several features that your grid has already.  Here's a demo of how I need cell editing and keyboard support to work: http://mleibman.github.com/SlickGrid/examples/example3-editing.html .  Make sure you click the Auto-edit On button.

    Do you think this would be possible?

    Thanks,

    Shane Walters
    Singletree Technologies
  2. Ben Hayat
    Ben Hayat avatar
    892 posts
    Member since:
    May 2008

    Posted 05 Aug 2011 Link to this post

    Good suggestion. In the good old days when I used to write programs in DOS :-) we had grids that worked exactly like that where the user would go cell by cell (using Teb or CR) and Up & Down arrow key for fast data entry. But the Windows & muse killed those nice features.
  3. Kendo UI is VS 2017 Ready
  4. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 08 Aug 2011 Link to this post

    Hello,

    The editing keyboard support will be similar to the Telerik MVC Grid one. You can check it out here. Our implementation follows this recommendation.

    Regards,
    Atanas Korchev
    the Telerik team
  5. Shane
    Shane avatar
    1 posts
    Member since:
    Mar 2011

    Posted 08 Aug 2011 Link to this post

    Atanas,

    Thanks for the reply.  I was afraid that might be the answer.

    What I would ask is that you use the example that you gave me to update the Product Name with a new name on 20 rows without using your mouse or any pointer device. After doing that, do you agree that the keyboard navigation when editing is the best?

    What you have now is very close, it just needs to be tweaked a bit. We should have the option to configure the grid so that setting focus on another cell will immediately put that cell into edit mode.

    Do you think there will be ways to customize the grid to edit and navigate cells in a user-friendly way?

    Thanks,

    -Shane

  6. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 09 Aug 2011 Link to this post

    Hi Shane,

    One can still do this using the arrow keys. To enter edit mode one must press enter.

    Technically we can support tabbing however consider the case when you have other input elements in your page which are not in the grid. Once you are in the grid you would need to tab all cells out in order to get to the input elements which are not in the grid. I don't think that this is acceptable behavior. What do you think? How should we deal with the case where the grid is not the only input element in the page?

    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. Shane
    Shane avatar
    1 posts
    Member since:
    Mar 2011

    Posted 09 Aug 2011 Link to this post

    Atanas,

    Every Windows form and Silverlight grid I've seen allows you to tab to the next field in the grid while in edit mode and the next cell automatically enters edit mode.  Here's an example of the Telerik grid allowing you to do this: http://demos.telerik.com/silverlight/#GridView/CellEditTemplate.  Perhaps you can discuss with your Silverlight team on the expected behavior of editing and keyboard navigation.

    I don't understand why this seems to be a standard in Silverlight grid yet almost no javascript grids will allow the same.  If we are to develop rich, line of business applications with HTML5/javascript, we need these features.

    Thanks,

    -Shane
  8. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 09 Aug 2011 Link to this post

    Hello Shane,

     I know that desktop grids behave in a different way - there is no way to discuss that with the Silverlight team.
    However keep in mind that the web is not the same as the desktop. I have provided a link to the guidelines for keyboard navigation which we have followed. I am not aware of any other formal specification how a HTML grid should handle keyboard navigation. I also asked you what we should do in case the grid is not the only editable element in the page. Probably Silverlight provides some way to leave the editable grid during tabing - I am no Silverlight expert so I cannot comment on that. As far as I know in HTML you should just tabbing through a few dozen cells (or a few hundred) in order to reach the textbox after the grid.

    Of course if a lot of other users find this normal and expected we can implement it as an option. 

    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. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 12 Aug 2011 Link to this post

    Maybe there's a compromise solution?

    Imagine this approach:

    1. Focus on a Grid cell, the cell (and Grid) enter editing mode (as in the MVC demo)
    2. On tab, all cells are presented in Edit Mode
    3. If editing is complete and you want to tab to other elements on the page, press Escape to exit Grid Edit Mode
    Would that not work?

    Further, we could make entering Grid edit mode configurable: Enter edit mode as soon as a cell has focus OR enter edit mode only on Enter key press. In that way, if it is the desired behavior, tabbing through all elements on the page wouldn't require an "Escape" key press to navigate past the grid if in "Enter key to Edit" mode.

    Does that make sense?

    -Todd
  10. Atanas Korchev
    Admin
    Atanas Korchev avatar
    8462 posts

    Posted 12 Aug 2011 Link to this post

    Hello Todd Anglin,

     We can't make all cells in edit mode that easily. Remember that there can't be element with duplicate "id" attribute. All those editors have the same "id" attribute (at least in MVC).

     I think we should keep the current approach and implement the option to tab through the whole grid. It should address the original poster's concerns.

    All the best,
    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!
  11. Oscar
    Oscar avatar
    173 posts
    Member since:
    Oct 2010

    Posted 17 Oct 2011 Link to this post

    I agree with Shane.
    Users want to enter their data in a grid as fast as they can and pressing enter in every cell to enter/leave edition mode is a waste of time. Imagine you have to add 10 rows with 10 columns each one.
    I think users are used to work with grids like the slickGrid sample shows. Users normally use Excel and expect a similar navigation. 
    I need this behaviour in telerik mvc grid, so I'm spending a lot of hours to get the telerik grid works as our users expect.
Back to Top
Kendo UI is VS 2017 Ready