table与form怎么联合使用?

提问 未结
1 103
凉凉603
凉凉603 2018-8-10
悬赏:20飞吻
你好,我在使用table的时候,需要外部参数过滤. 文档上说用这个。 接口的其它参数。如:where: {token: 'sasasas', id: 123}.
但问题来了.怎么把参数传进来。我的过滤条件是用from写的 $('#id').val()是获取不到 input值的?就算获取到值。那么又如何 点form里提交的时候,实现table更新。
回帖
  • Yoga
    2018-8-10
    <form class="layui-form" action="">
    <div class="layui-form-item">
    <label class="layui-form-label">id</label>
    <div class="layui-input-block">
    <input type="text" name="id" autocomplete="off" class="layui-input">
    </div>
    </div>

    <div class="layui-form-item">
    <div class="layui-input-block">
    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
    </div>
    </div>
    </div>

    form.on(submit(formDemo),function(data){
    var field = data.field,id = field.id;
    if(.......){} //你可已在这里判断一下
    table.reload('SSX-store-table', {
    where: field //field 就是相当于把你表单里所有的值都在表原来的url后面拼成参数,比如这里 ?id=
    });

    })

    帮助理解:
    原table url: http://www.layui.com/demo/table/user/
    已知table 会自动填上页码和每页条数的参数:http://www.layui.com/demo/table/user/?page=1&limit=30
    那么,假设你表单里填的是888,经过上述table.render()方法重新渲染表格时 url 就变成http://www.layui.com/demo/table/user/?page=1&limit=30&id=888
    0 回复