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).
- 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)
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.