Javascript 使用制表器分页所需的页面

Javascript 使用制表器分页所需的页面,javascript,tabulator,Javascript,Tabulator,我使用制表器,我需要添加输入框,带您到所需的页面。 如果你有10页,你想进入第9页,你只需输入9并点击回车。 此功能在DataTables中可用 那么如何使用制表器实现这一点呢?多谢各位 您需要使用table.setPagex函数,其中table是制表器实例,x是要转到的页码 下面是一个示例,说明了事件侦听器函数在一个元素上的外观 function pageListener(event){ if (isNaN(event.target.value)){ // We don't wan

我使用制表器,我需要添加输入框,带您到所需的页面。 如果你有10页,你想进入第9页,你只需输入9并点击回车。 此功能在DataTables中可用 那么如何使用制表器实现这一点呢?多谢各位

您需要使用table.setPagex函数,其中table是制表器实例,x是要转到的页码

下面是一个示例,说明了事件侦听器函数在一个元素上的外观

function pageListener(event){
  if (isNaN(event.target.value)){
    // We don't want anything that isn't a number.
    return;
  }
  // Assuming that 'table' is a variable containing the
  // Tabulator instance
  table.setPage(Number(event.target.value));
}

这是一个有效的例子

基于@nrayburn tech answer,我修改了一些东西,使输入框显示在制表器的页脚中

//CSS
         #test  {
                color:black;
                text-align: center;
                position:center;
            }
     .jumpTo{
                width:30px;
                height:10px;
            }
//JS
       $(".tabulator-footer").append("<div id='test'><input class='jumpTo' title='insert number to jump to a page'></input></div>");
                document.getElementById("test").addEventListener('change', (event) => {
                    if (isNaN(event.target.value)) {
                        return;
                    }
                    tabulator_table.setPage(Number(event.target.value));
                })

非常感谢

是否有方法将输入框内的页码显示为占位符,直到用户在boxtable.getPage中单击后才能显示当前页码。因此,使用它来查找数字并将输入占位符/值设置为该数字。您好,我尝试了此操作,但在单击“下一步”、“上一步”、“上一步”时占位符值没有更新。我是否应该发布一个新问题:document.getElementByIdcurrentPage.placeholder=tablator\u table.getPage;是的,你应该发布一个新问题。我看看能不能给你一个答案。