kendo ui grid batch edit - auto select cell on click

5 posts, 0 answers
  1. Autobytel
    Autobytel avatar
    1 posts
    Member since:
    May 2013

    Posted 10 Jun 2013 Link to this post

    I am using the latest kendo Grid script client with batch edit. Here is my code:
    $("#Contract").kendoGrid({ 
      columns: [
         {
    field: "SomeField",
     }],
    editable: true,
    scrollable: true,
    navigatable: true,
    selectable: "cell"

    How do I make the cell selected when users click on a cell?
    I saw a demo at http://demos.telerik.com/aspnet-mvc/razor/grid/editingbatch and wanted to do the same but I could not figure which setting is needed. For editable setting, I tried 0,1,and 2 but it does not seem to work like telerik grid.
  2. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 11 Jun 2013 Link to this post

    Hi George,


    I would suggest you to take a look at the following Kendo UI Grid demos about Batch editing and Selection.
    Please let me know if they were helpful for you or I could assist you further. I wish you a great day!

     

    Regards,
    Dimiter Madjarov
    Telerik
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Tom
    Tom avatar
    1 posts
    Member since:
    Apr 2014

    Posted 10 May in reply to Dimiter Madjarov Link to this post

    Hi Dimiter, I'm not getting it b/c I cannot see how the reference to Batch editing and multi-cell selection answer the question that Autobytel asked.

    I have the same question.  In the absence of a drag-and-fill capability in batch editing, our users need a more efficient method to copy/paste.  If a user clicks in a cell AND the existing value is automatically selected/highlighted, then users can simply paste (ctrl-v) a new value and move on.  Currently, it doubles their effort to click the cell, select or clear the existing value, and then do their paste.

    Any suggestions you have is greatly appreciated - Thanks!

  5. Dimiter Madjarov
    Admin
    Dimiter Madjarov avatar
    2153 posts

    Posted 11 May Link to this post

    Hello Tom,

    In the current you could attach a handler to the Grid's edit event

    .Events(e => e.Edit("onEdit"))
    and use jQuery's select method to trigger the select event of the input.

    The following forum post demonstrates two possible scenarios and implementations - when using an input field or a Kendo Widget as an editor.

     

    Regards,
    Dimiter Madjarov
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  6. Terry
    Terry avatar
    31 posts
    Member since:
    Jun 2016

    Posted 26 Aug in reply to Dimiter Madjarov Link to this post

    For anyone else who reads this.  I added the event exactly like Dimiter said - that works.  But I made the onEdit JavaScript function a little different than the example.  The example was looking for a specific field.  I made the JavaScript select any field.

    Here's my JavaScript code.  If anyone see's a better way of doing this, then please let me know.

    function onEdit(e) {
     
        var inputName = e.container.find('input').attr("name");
        var myInput = e.container.find('input[name="' + inputName + '"]');
        myInput.select();
    }

Back to Top
UI for ASP.NET MVC is VS 2017 Ready