Grid inline editing cell leave event

[Rimes]

Hi 

I have been reading that there is a save event which gets triggered when a cell is left in the grid. I tried that and its working fine when I use GridEditMode.InCell as the edit mode. When I use GridEditMode.InLine nothing happens when I leave the cell (the function is not being called). But, the function is being called after i click on the "Update" button. In my scenario, i need to update some cells regarding to what was written in some other cells, so no use for me to call the function just before saving. So is there a method to notify me just when a cell has been left (or a value inside of a cell has been changed or selected e.g. from an autocomplete)

 

Here is my code

 

 @(Html.Kendo().Grid<Telerik2.Models.LeistungViewModel>()
        .Name("grid")
        .Columns(columns =>
        {
            columns.Bound(l => l.LeistungNr).Width(240).Visible(false);
            columns.Bound(l => l.Bezeichnung).Width(190);
            columns.Bound(l => l.Datum).EditorTemplateName("DatumPicker").Width(110).Format("{0:dd.MM.yyyy}");
            columns.Bound(l => l.MinT).Width(110); ;
            columns.Bound(l => l.Kuerzel).EditorTemplateName("LeistungKuerzel").Width(130);
            columns.Bound(l => l.MinV).Width(110);
            columns.Bound(l => l.Person).Width(160);
            columns.Command(command => { command.Edit().Text("Bearbeiten").UpdateText("Speichern").CancelText("Abbrechen"); }).Width(200);
            
        })
        
        .ToolBar(toolbar => toolbar.Create())
                .Editable(editable => editable.Mode(GridEditMode.InLine))
                .Pageable()
                .Events(events => events.Save("Save"))
                .Sortable()
                        .Resizable(resize => resize.Columns(true))
                .Scrollable()
 

)

<script type="text/javascript">
    function Save(e) {
        console.log("Cell left");
            }
    }

</script> 

 

[Roshin]

"My issue is with the EditMode button. I have 10 cells, and when I click to edit any cell, it automatically scrolls to the left, focusing on the first editable cell (which is a dropdown or text input). Is there any attribute or JavaScript solution to resolve this issue?"


My code 

EditMode="@GridEditMode.Inline"
 OnEdit="@OnEditHandler"

void OnEditHandler(GridCommandEventArgs args)
{
    var materialdata = (PlanningMaterialOuputModel)args.Item;
    if (!string.IsNullOrEmpty(materialdata.Sap))
    {
        oldSapValue = materialdata.Sap;
        sapeditable = true; SearchVisible = true;
        enableDesc = false; enableUnit = false;
    }
    else
    {
        sapeditable = false; SearchVisible = false;
        enableDesc = true; enableUnit = true;
    }
    pMaterialId = materialdata.Id;
}

[Ivan Danchev]

You can use the Grid's Edit event to set the scroll back to the far right and to blur the automatically focused input: https://netcorerepl.telerik.com/GIELROYi52e4Q9Zo21

[Boyan Dimitrov]

Hello Rimes,

 

Indeed the model is not updated until user clicks on the "Update" button in "inline" edit mode. A possible solution is to bind to the blur event of the text box elements. A suitable event to bind editor text box to the blur event is to use the edit event of the Kendo UI Grid. 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[Rimes]

Hi Boyan,

 

thanks for the answer. Before i try that, i will ask something else.

Is it possible to somehow "open" all cells in Edit Mode when "Incell" is selected as the grid edit mode ? Actually Incell suits more my needs, because i want to be able to edit data without clicking on the edit button. But the problem with InCell is that i cannot jump (with tab for example) from one cell to another (inside of one row). So, is there a way to  enable that for InCell mode, because then i would have all the functionality i need

 

Regards

Semir

[Boyan Dimitrov]

Hello Rimes,

 

Actually if the navigatable option of the Kendo UI Grid is enabled the tab key should navigate between cells on the row and switch to edit mode. For example this option is enabled in our Grid / Batch editing demo. 

 

Regards,
Boyan Dimitrov
Telerik

 

 

[Randy]

Hi Boyan,

In this thread you suggested binding to the blur event of the text box elements when a grid fires the edit event. How would I go about getting a reference to the text box elements of all the cells in the row being edited in inline mode? 

[Konstantin Dikov]

Hello Randy,

Please refer to the answer in the other forum thread that you have opened:

• http://www.telerik.com/forums/getting-a-reference-to-the-text-box-elements-on-an-edit

On a side note, for all sides convenience and for better tracking of the issues, please try to avoid posting one question in multiple threads. Thank you for your understanding.


Regards,
Konstantin Dikov
Telerik by Progress