老师这个按作者名分页查询能给个思路吗

老师这个按作者名分页查询能给个思路吗

这里设置一个输入框和一个点击按钮,点击按钮触发事件,怎么让layui数据表格分页啊,之前默认分页路径是这个,

/management/book/list

现在是要重新写一个控制器进行分页,还是在原来控制器进行改动

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

同学你好,

1、分页问题无需担心,该项目作业同之前分页查询图书数据的步骤是类似的,只不过需要多携带一个参数(作者名)

2、这里同学说的控制器是指如下这里吗?

http://img1.sycdn.imooc.com//climg/6059b5b2099d0ff611760335.jpg

如果是,此处不需要更改

祝学习愉快~

  • 文丞武蔚 提问者 #1

    老师能给一下具体代码吗

    2021-03-23 17:36:45
  • 好帮手慕小脸 回复 提问者 文丞武蔚 #2

    同学你好,没有具体代码,每个人的代码思路都是不同的,建议同学尝试去写一下,在编写过程中有困难可以在问答区提问,老师会帮助解决。

    祝学习愉快~

    2021-03-23 19:06:37
  • 文丞武蔚 提问者 回复 好帮手慕小脸 #3

    老师解决了,之前是将查询输入框的值保存到查询按钮的自定义属性中,然后想直接获得自定义属性的值,通过where:{author:authorName}设置到 render里面

    table.render({
    elem: '#grdBook'  //指定div
       , id : "bookList" //数据表格id
       , toolbar: "#toolbar" //指定工具栏,包含新增添加
       , url: "/management/book/list"//数据接口,带有作者参数
       , page: true //开启分页
       , cols: [[ //表头
           {field: 'bookName', title: '书名', width: '300'}
    , {field: 'subTitle', title: '子标题', width: '200'}
    , {field: 'author', title: '作者', width: '200'}
    , //type设定列类型,space为空列,即不需要title
           {type: 'space', title: '操作', width: '200' , templet : function(d){
    //为每一行表格数据生成"修改""删除"按钮,并附加data-id属性代表图书编号,d是每一行的Book对象
                   return "<button class='layui-btn layui-btn-sm btn-update'  data-id='" + d.bookId + "' data-type='update' onclick='showUpdate(this)'>修改</button>" +
    "<button class='layui-btn layui-btn-sm btn-delete'  data-id='" + d.bookId + "'   onclick='showDelete(this)'>删除</button>";
               }
    }
    ]]
    });

    ,后来发现没有效果,因为自定义属性默认值是null,点击后才会获得值,而render里面的表格设置,是html加载后就已经渲染了,不能动态获取,

    最后找到的解决方法是,给查询按钮一个单击事件,点击后获得输入框的值,并通过table.reload(Id,{author:authorName})重载时对参数进行设置,运行成功

    2021-03-23 21:06:26
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师