I’m trying to work with mytablegrid.
There is a working example here
On the bottom of the grid, there is a small subtable called the “pager” which allows the user to navigate between pages.
The html is like this :
<a class="mtgPagerCtrl" id="mtgFirst1">
<img height="16" width="16" border="0" mtgfirstpage="" class="" src="../images/mtg/first-disabled.gif">
</a>
I just can’t figure out what happens when I click that link. I’m used to href or onclick tags, I just don’t get where I can see the code that executes to have the tablegrid actually change content.
There is a JavaScript function assigned to the hyperlink which asynchronously queries the next data page and finally once the result comes back to the browser it renders it inside the grid. I’d look inside the JavaScript.
UPDATED:
On line 1559 of the MyTableGrid.js file look at the _addPagerBehavior : function(). That is where the next page is initiated from.