Gridx/dojo & Jquery : Is There A Callback When Sorting Is Completed?

This table is generated using GridX / dojo in NodeWebkit. The '[BV][B][V]' are links that are handled by jQuery using class selector. However, once I sort the grid, the listeners

Solution 1:

There is no callback or event that I know of when sorting is complete in gridx.

However, the whole grid is re-rendered when it is sorted or filtered. So you can use something like:

grid.connect(grid.body, 'onRender', function(){
    $(document).on("click", "a.myBVlink", function() {
      ...
    });
    $(document).on("click", "a.myBlink", function() {
      ...
    });
    $(document).on("click", "a.myVlink", function() {
      ...
    });
});

Solution 2:

I created a wrapper div and added the click listener to it as -

$('#gridWrapper').on('click','.myLinkClass',function(){
    console.log('clicked');
    console.log(this);
});

gridWrapper is not changed. So the listener remains active and the .myLinkClass selector selects the <a href="#" class="myLinkClass">text</a> in spite of sorting.

Solution 3:

Like @mccannf initiated I use the re-rendering event. For preventing double working I just use a counting variable and do the work only the second time. Note: If at initial the grid is empty than I set the counter to 1 because than the event is only called once.

var countRender = 0;
if (grid.store.data.length == 0) countRender=1; 

grid.connect(grid.body, 'onRender', function(gridName){
    if (!countRender++) return;
    countRender=0;
    ...
});