Tabstrip LoadContentFrom cause #grid.data("kendoGrid") is undefined

[lucerias]

I have two grid views that performs pop up custom template editing, grid two is placed under tabstrip, please refer to following code:

        @(Html.Kendo().TabStrip()
                .Name("tabstrip")
                .Animation(animation => 
                    animation.Open(effect => 
                        effect.Fade(FadeDirection.In)))
                .Items(tabstrip =>
                {
                    tabstrip.Add().Text("Details")
                        .Selected(true)      
                        .LoadContentFrom(@Url.Action("Index", "AppGroup", new { AppID = ViewBag.AppID, AppName = ViewBag.AppName }).ToString());
                })
            )

If i change LoadContentFrom to Content, all functions working fine. However, i need to use LoadContentFrom due to heavy content load. once i change it back to LoadContentFrom, when i try to edit grid one, the following error is thrown.

VM37552:50 Uncaught TypeError: Cannot read property 'editRow' of undefined

 

I have investigated further and found out it is becaues of #grid.data("kendoGrid") is undefined and hence it breaks $("#Group").data("kendoGrid").editRow($(this)).

 

Thanks.

[Hristo Valyavicharski]

Hi,

Please make sure that the controller returns a partial view.

Regards,
Hristo Valyavicharski
Telerik

[lucerias]

Yes, return as partial view fixed my problem, it is because if we return as normal view, js file import and styling section would be called again and this would cause conflict in the page.