有人做过laravel-admin 填加输入页码跳转这个功能吗
如果不符合方案咨询要求的话,老大删掉就好了
你的逻辑是在一个输入框内输入分页 页码?然后跳到对于的页是这个吗?
是的,我已经写好了。 <style> input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } input[type="number"]{ -moz-appearance: textfield; } </style>
<script> $(document).ready(function () { $('.box-footer .control-label').after('<input type="number" min="1" class="form-control input-sm pagination-input" style="width: 60px; display: inline-block; margin: 0;"> <button class="btn btn-sm btn-primary gotopage">跳转</button>'); // 使用事件委托来绑定点击事件 $(document).on('click', '.gotopage', function () { var page = $(this).prev('.pagination-input').val(); // 使用更具体的选择器来定位输入框 if (page) { var url = new URL(window.location.href); url.searchParams.set('page', page); window.location.href = url.toString(); } }); }); </script> 后面谁需要可以拿去,主要卡点就是点击获取不到输入框的值,必须使用事件委托
vue不香吗?
你的逻辑是在一个输入框内输入分页 页码?然后跳到对于的页是这个吗?
是的,我已经写好了。
<style>
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
input[type="number"]{
-moz-appearance: textfield;
}
</style>
<script>
$(document).ready(function () {
$('.box-footer .control-label').after('<input type="number" min="1" class="form-control input-sm pagination-input" style="width: 60px; display: inline-block; margin: 0;"> <button class="btn btn-sm btn-primary gotopage">跳转</button>');
// 使用事件委托来绑定点击事件
$(document).on('click', '.gotopage', function () {
var page = $(this).prev('.pagination-input').val(); // 使用更具体的选择器来定位输入框
if (page) {
var url = new URL(window.location.href);
url.searchParams.set('page', page);
window.location.href = url.toString();
}
});
});
</script>
后面谁需要可以拿去,主要卡点就是点击获取不到输入框的值,必须使用事件委托
vue不香吗?