Javascript 使用制表器分页所需的页面
我使用制表器,我需要添加输入框,带您到所需的页面。 如果你有10页,你想进入第9页,你只需输入9并点击回车。 此功能在DataTables中可用 那么如何使用制表器实现这一点呢?多谢各位 您需要使用table.setPagex函数,其中table是制表器实例,x是要转到的页码 下面是一个示例,说明了事件侦听器函数在一个元素上的外观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
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;是的,你应该发布一个新问题。我看看能不能给你一个答案。