[Solved] Master Detail Grid and Loading progress

[Ashok]

Hi using master detail grid with Client binding. Master grid row is selectible. When I click row in master grid, I will to display "loading... " message / image. I tried following code in script, but it doesn't show "loading... ".

function TreeGrid_OnRowSelect(e) {
    $('#loading').show();
    var grid = $(e.row).parents('.t-grid').data('tGrid');
    var indexOfIdColumn = GetGridColumnIndexByName(grid, "Id");

    var pId = e.row.cells[indexOfIdColumn].innerHTML;
    var similarGrid = $('#SimilarGrid').data('tGrid');

    $('#loading').hide();

    // rebind the related grid
    similarEntityGrid.rebind({ pId: pId });
}

Any idea what am I doing wrong?

[Atanas Korchev]

Hi Tejas,

 Your code is hiding the loading element just after showing it. You should probably hide it after the related grid is bound. To do so subscribe to its OnDataBound event and hide the loading indicator there.

Regards,
Atanas Korchev
the Telerik team

[Ashok]

Hi Atanas,

Thanks. That worked.