|
|
本帖最后由 win 于 2021-1-22 16:24 编辑
<div class="demoTable">
<div class="layui-inline">
<label class="layui-form-label">模糊搜索</label>
<div class="layui-input-inline" >
<input class="layui-input" name="value" id="inputval" placeholder="请输入关键词" autocomplete="off">
</div>
<button type="button" class="layui-btn chaxuns" data-type="reload"><i class="layui-icon"></i>查询</button>
</div>
</div>
JS代码在下面
active = {
reload: function(){
//执行重载
table.reload('test', {
page: {
curr: 1 //重新从第 1 页开始
}
,where: {
value: $("#inputval").val()
},
});
}
};
$('.demoTable .chaxuns').on('click', function(){
var type = $(this).data('type');
active[type] ? active[type].call(this) : '';
});
php后台获取POST数据就是value
layui的渲染
//注意:导航 依赖 element 模块,否则无法进行功能性*作
layui.use(['laydate','laypage','element','layer','form', 'table'], function () {
var table = layui.table, //表格
form = layui.form, //表单
layer = layui.layer, //弹层
laypage = layui.laypage, //分页
laydate = layui.laydate,
element = layui.element; //元素*作
//表格渲染开始
table.render({
elem: '#test' //指定原始表格元素选择器(推荐id选择器)
,id: 'test'
,toolbar:'#dudus'
, url: "{:url('myadd/tongxun/tongxunlu')}" //数据接口
, method: 'post'...........................
|
|