fastadmin 增加列表分页跳转

1. 用bower更新bootstrap-table到1.12.0版本(更新的版本不兼容,或者之前往github下载1.11.1版本的extend也行)
bower.json修改为:
{
  "dependencies": {
    "bootstrap-table": "~1.12.0"
  }
}

执行命令:bower update bootstrap-table

注:如果根目录没有定义.bowerrc,需创建
{
  "directory" : "public/assets/libs",
  "ignoredDependencies": [
    "file-saver",
    "html2canvas",
    "jspdf",
    "jspdf-autotable"
  ]
}

github链接:https://github.com/wenzhixin/bootstrap-table/tree/6a60a3643bbbc11aaa591f34dfc9fa6eda60706c/src/extensions/page-jumpto
2. 增加后台加载js配置require-backend.js的项
require.config({
    paths: {
        'bootstrap-table-page-jumpto': '../libs/bootstrap-table/dist/extensions/page-jumpto/bootstrap-table-jumpto',
    },
    // shim依赖配置
    shim: 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
FastAdmin 使用的是 Layui 组件库,因此表格分页参数也是基于 Layui 的。 在 FastAdmin 中,表格分页参数可以在列表面的 JavaScript 文件中进行配置。以下是一个示例: ```javascript // 定义分页参数 var limit = 20; // 每显示的记录数 var curr = 1; // 当前码 // 定义表格 var table = layui.table; // 渲染表格 table.render({ elem: '#table', // 表格元素 url: '/admin/user/index', // 数据接口 page: { layout: ['count', 'prev', 'page', 'next', 'skip'], // 分页布局 limit: limit, // 每显示的记录数 curr: curr // 当前码 }, cols: [[ // 表头 {field: 'id', title: 'ID', sort: true}, {field: 'username', title: '用户名'}, {field: 'email', title: '邮箱'}, {field: 'phone', title: '手机'}, {field: 'create_time', title: '创建时间', sort: true}, {title: '操作', toolbar: '#toolbar', width: 200} ]] }); ``` 在上面的示例中,我们定义了每显示的记录数为 20 条,当前码为 1。然后在表格的渲染中,使用了 Layui 的表格组件,并在其中配置了分页参数。其中,`layout` 属性用于定义分页布局,`limit` 属性用于定义每显示的记录数,`curr` 属性用于定义当前码。 需要注意的是,在 FastAdmin 中,分页参数还可以通过 GET 请求参数进行配置。例如,如果要将每显示的记录数改为 30 条,可以在 URL 中添加 `?limit=30` 参数。如果要将当前码改为第 2 ,可以在 URL 中添加 `?page=2` 参数
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值