MVC Grid not accessible after AJAX HTML response added to DOM

[Harris]

Hi,

I am using the ASP.NET MVC Grid control on a page. The functionality is to fire a AJAX query when a Grid row is selected. The AJAX query calls the MVC Controller and gets a response HTML.

 The response HTML is a Tab Strip with 4 tabs , all of them are empty except for one which shows a hierarchy (built using <ul> and <li> tags).

Scenario,

• When Grid loads, it gets the data from one of the MVC controllers
• When a row is selected, the "onChange" event fires and a AJAX call pulls the HTML response with the Tabstrip
• Once the AJAX response comes back, it is added to the DOM using $('#DrillDown').html(data)

Issue

Once the AJAX response is added to the DOM, the GriD is no longer accessible. None of the rows are selectable anymore, the below line returns null

var grid = $('#MasterGrid').data("kendoGrid");

 Any help appreciated.

-Harris

 

[Boyan Dimitrov]

Hello Harris,

We are not aware of such problem with the Kendo UI Grid for ASP.NET MVC. I prepared a sample project that implements very similar scenario but it works fine and after the AJAX response comes back the grid widget is accessible and respond properly to user interaction. 

Regards,
Boyan Dimitrov
Telerik