MVC Grid not accessible after AJAX HTML response added to DOM

2 posts, 0 answers
  1. Harris
    Harris avatar
    1 posts
    Member since:
    May 2015

    Posted 18 Jun 2015 Link to this post

    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

     

  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 22 Jun 2015 Link to this post

    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
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top