Как отобразить и обновить номер текущей страницы в поле ввода поля «Использование табулятора»

Question

Я пытаюсь показать номер текущей страницы в поле ввода в качестве заполнителя, проблема в том, что я не могу понять, как обновить значение, когда пользователи go переходят на другую страницу. Вот что я попробовал:

    <input id="currentPage"/>
 document.getElementById("currentPage").placeholder = tabulator_table.getPage(); 

Вот первая часть вопроса 1005 * Вот образец

Answer 1

Вы хотите использовать обратный вызов pageLoaded для экземпляра таблицы.

При создании таблицы необходимо добавить свойство для pageLoaded в качестве функции с параметром для номера страницы. Этот обратный вызов срабатывает каждый раз при загрузке страницы.

Вот рабочий пример, https://jsfiddle.net/nrayburn/w68d75Lq/1/.

Таким образом, вы бы сделали что-то вроде этого, где #table - это идентификатор элемента таблицы, а input - это ссылка на ваш элемент ввода, где вы сохраняете значение номера страницы.

  new Tabulator('#table', {
    ...tableOptions,
    pageLoaded: (pageNumber) => {
      input.value = pageNumber
    }
  });