Editable grid inside of Kendo window. Potential bug? v2012.3.1114.340

3 posts, 1 answers
  1. Answer
    Pr3vention
    Pr3vention avatar
    17 posts
    Member since:
    Oct 2011

    Posted 21 Mar 2013 Link to this post

    Over the last few days, i've been fighting an issue with editable cell focus as it relates to a grid that is loaded into a window. Here is an example of the code I am working with:
    @{
        Html.Kendo().Window()
            .Name("popupwindow")
            .Title("Title Of Window")
            .Draggable()
            .LoadContentFrom("MyAction","MyController")
            .Draggable(true)
            .Width(800)
            .Modal(true)
            .Scrollable(true)
            .Visible(false)
            .Render();
    }
    @( Html.Kendo().Grid<MyProject.ViewModels.MyObject>()
        .Name("MyGrid")
        .Columns(col =>
        {
            col.Bound(p => p.ID);
            col.Bound(p => p.SomeField);
            col.ForeignKey(p => p.SomeOtherID,(System.Collections.IEnumerable)ViewBag.ListOptions, "Value", "Text");
        })
        .Editable(edit => edit.Mode(GridEditMode.InCell))
        .Scrollable()
        .DataSource(ds =>
                ds.Ajax()
                .ServerOperation(false)
                .Model(model =>
                {
                    model.Id(p => p.ID);
                    model.Field(p => p.SomeOtherID).DefaultValue(0);
                })
                .Read("_Read", "MyController")
                .Update("_Update", "MyController")
        )
        .ToolBar(tool =>
        {
              // Removed for this post
        })
    )

    When the window is loaded, it will render a view that results from LoadContentFrom(). The grid shows up and has all the correct data as expected. When a click is made into one of the editable fields, it toggles over into the editor view as expected; however, any subsequent click in the cell will cause it to lose focus and return to its viewer template. As a test case, I took the grid code and moved it into my index view and the issue is then resolved; as such, I find that it only occurs when the grid is loaded within a window.

    I am experiencing this issue only in IE (all versions). Firefox and Chrome both appear to be operating as expected.
  2. Petur Subev
    Admin
    Petur Subev avatar
    1882 posts

    Posted 25 Mar 2013 Link to this post

    Hello Joshua,

    Did you try to update to the latest version Q1 2013? There are many improvements when it comes to Grid's navigation which controls the focus/blur behavior of the Grid.

    Let me know your findings.

    Kind Regards,
    Petur Subev
    the Telerik team
    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. Pr3vention
    Pr3vention avatar
    17 posts
    Member since:
    Oct 2011

    Posted 26 Mar 2013 Link to this post

    Hi Petur,

    I do not have the latest stable version available to me at this time; however, when testing with the latest internal build (v2013.1.325), everything looks like it's working as desired. 

    Thanks,
    -J
Back to Top