layui 数据表格的异步加载问题

提问 已结
13 910
猜不透
猜不透 2018-4-11
悬赏:20飞吻
版本:layui 浏览器:
使用layui数据表格,展示列表,需要查询条件,在查询条件的时候,如何将选择的条件加在到异步加载where中



回帖
  • @猜不透 你需要把我给你的代码,放到点击查询按钮的click事件触发的函数中去。。
    0 回复
  • //“方法级渲染”配置方式
    table.render({ //其它参数在此省略
    url: '/api/data/'
    //where: {token: 'sasasas', id: 123} //如果无需传递额外参数,可不加该参数
    //method: 'post' //如果无需自定义HTTP类型,可不加该参数
    //request: {} //如果无需自定义请求参数,可不加该参数
    //response: {} //如果无需自定义数据响应名称,可不加该参数
    });
    0 回复
  • 猜不透
    2018-4-11
    @踏雪无痕470 因为查询条件是写死的,如何进行处理
    0 回复
  • 猜不透
    2018-4-11
    @踏雪无痕470 我都意思说文档是写死的方法,如果是动态的,如何将查询条件加载到where中
    0 回复
  • 查询按钮的触发方法实现主要内容应该包含
    table.reload(tbaleId, {
    where: {
    ...(表单中的所有条件)
    },
    // 如果有分页的话!
    page: {
    curr: 1
    }
    });
    0 回复
  • 猜不透
    2018-4-11
    @岁月小偷
    比如我有个时间的查询,如何加载进去呢,并不是table中field
    0 回复
  • @猜不透
    $.each($("#searchform").serializeArray(), function(index) {
    if (o[this['name']]) {
    o[this['name']] = o[this['name']] + "," + this['value'];
    } else {
    o[this['name']] = this['value'];
    }
    });
    var searchform = o;
    //alert(JSON.stringify(searchform));
    table.reload('searchID', {
    where : searchform
    });
    其中searchform是form表单的id
    0 回复
  • @猜不透
    var o = {};
    $.each($("#searchform").serializeArray(), function(index) {
    if (o[this['name']]) {
    o[this['name']] = o[this['name']] + "," + this['value'];
    } else {
    o[this['name']] = this['value'];
    }
    });
    var searchform = o;
    //alert(JSON.stringify(searchform));
    table.reload('searchID', {
    where : searchform
    });
    0 回复
  • 还是跟你第一次查询的时候一样呀,你第一次查询的where也是根据上面的条件查出来的对吧,那么后续的你改了里面某一些条件的值了要重查询,其实原理还是一样的还是需要根据上面的条件查出来结构,table提供reload的方法,在config里面修改where,这个过程不就能获得动态的最新的值了么?建议全部写的跟初始化一样是全部属性的,当然你要有精力想要更加优化可以设置一些change的监听之类的后续reload的where只需要写更新过的条件,因为table的reload是用extend true把你后面修改的config更新到原来config中去。
    0 回复
  • 0 回复
  • 猜不透
    2018-4-11
    @踏雪无痕470


    我选择了source,帮我看下什么问题
    0 回复
  • @猜不透 我给你那段代码,你添加的位置都不对。layui.use()这里面的内容,页面初始化只会加载一次,你明白我的意思吗。。。
    0 回复
  • iiiiiiii
    2018-4-11
    查询按钮添加个事件来获取动态的值,然后表格重载把值传进去
    0 回复