Не могу найти код для тега <a>

Question

Я пытаюсь работать с mytablegrid .

Здесь есть рабочий пример

В нижней части сетки находится небольшая подтаблица, называемая «пейджер», которая позволяет пользователю перемещаться между страницами.

HTML выглядит так:

<a class="mtgPagerCtrl" id="mtgFirst1">
   <img height="16" width="16" border="0" mtgfirstpage="" class="" src="../images/mtg/first-disabled.gif">
</a>

Я просто не могу понять, что происходит, когда я нажимаю эту ссылку. Я привык использовать теги href или onclick, но я просто не понимаю, где я могу увидеть код, который выполняется для того, чтобы сетка таблиц действительно меняла содержимое.

Answer 1

Для гиперссылки назначена функция JavaScript, которая асинхронно запрашивает следующую страницу данных и, наконец, когда результат возвращается в браузер, он отображает его в сетке. Я бы заглянул внутрь JavaScript.

ОБНОВЛЕНИЕ:

В строке 1559 файла MyTableGrid.js посмотрите на _addPagerBehavior: function (). Отсюда начинается следующая страница.

Answer 2

События onclick, вероятно, присоединяются через JavaScript. Это означает, что если вы просто просматриваете источник на этом, вы не увидите ничего полезного в этом.

Используя контекстное меню Chrome «Inspect Element», я вижу, что к странице подкачки подключен click прослушиватель событий <a> s.

Answer 3

именно в этом файле <script type="text/javascript" src="../scripts/mtg/MyTableGrid.js"></script> если вы используете FireFox, вы можете установить FireBug и очень легко разобраться в подобных вещах.Если вы выполняете поиск в файле MyTableGrid.js, вы можете увидеть, где они добавляют все события нажатия, используя код JavaScript.Искать в этом файле mtgFirst.