layui表格筛选查询

<form class="layui-form" id="searchForm" οnsubmit="return false">
<div class="layui-inline">
<label class="layui-form-label">基地名称</label>
<div class="layui-input-inline">
<input type="text" name="orgName" autocomplete="off" class="layui-input" id="orgName">
</div>
<button class="layui-btn search-btn inline-block" lay-filter id="btnSearch">筛选</button>
</div>
</form>

<table id="manageList" class="artist-list" lay-filter="manageList"></table>

layui.use(['table', 'upload', 'laydate'], function(){
var table = layui.table;
var upload = layui.upload;
var laydate = layui.laydate;
var selectData = "";//选择的行
table.render({
   elem: '#manageList' ,
   url: 'loadList' ,
   method: 'POST' ,
   page: true, //-------开启分页
cols: []
})
   //查询按钮
$('#btnSearch').click(function () {
table.reload('manageList', {
where : {
orgName: $("#orgName").val(),
}
});
});

//或者

var $ = layui.$, active = {
reload:function(){
if(1){
table.reload('manageList', {
where: {
orgName: $("#orgName").val(),
}//这里传参  向后台
, url: '/evaluation/search'//后台做模糊搜索接口路径
, method: 'post'
, page:{
curr :0
}
});
}
}
};

//查询按钮
$('#btnSearch').on('click', function(){
var type = 'reload';
active[type] ? active[type].call(this) : '';
});
});

layui表格筛选查询相关推荐

Layui 表格筛选临时存储cookie，Layui表格筛选触发事件
前言将某一个表格的列筛选操作保存,下次刷新这个页面时还保留之前筛选的操作实现方式首先创建两个方法这里我使用了localStorage var tempCount = -1; /*** 表格筛选 ...
LayUI表格筛选功能出现隐藏列的解决办法
某些业务场景需要把一些信息带入页面,而这些信息又不用给展示出来,一般来说想到的就是隐藏列,利用LayUI表格的 hide:true 就能实现,它还提供筛选功能,但LayUI的表格筛选功能就有个问题,就 ...
layui表格筛选列不随页面刷新重置
Layui table 自带筛选列的功能,但是这个筛选列会随着页面的刷新重置.用户第二次进入页面或者进行table手工渲染,都会使得筛选项重置. 本例利用layui自带的本地储存进行筛选列的数据保存, ...
Layui表格重载模糊查询
模糊搜索layui表格的数据,实现方法,在输入框中搜索对应的条件,点击搜索来搜索. 效果如图: html哪里我们需要两个接收条件的输入框,以及一个搜索的按钮 Js哪里我们需要在重载哪里,获取到输入框的 ...
layui表格展示数据时：返回的数据不符合规范，正确的成功状态码应为：code: 0
1.今天,用django和layui结合,处理表格展示数据时,有数据的表格能正常显示列表,无数据的表格却提示了:返回的数据不符合规范,正确的成功状态码应为:"code": 0,于是 ...
wordpress表格筛选_您是否尝试过使用＃1 WordPress插件在您的网站上创建表格？
wordpress表格筛选 Is there a person who truly enjoys creating tables? Seriously, have you met them? 有没有一 ...
设置Layui表格字段的字体颜色
设置Layui表格字段的字体颜色开发工具与关键技术:VS MVC 作者:木林森撰写时间:2019年 7 月 26 日我们在使用layui表格对的时候,经常会有特殊字段需要显示出来,比如金额.状态 ...
Layui表格实现显示空白行数据
在做餐饮的基础资料管理的时候,有些表格需要显示一条空白行,因为增删该三个控件按钮需要加载数据之后菜显示出来,如下所示: 上面表格最右边的控件按钮是用layui表格绑定列工具条实现的,代码如下: ...
如何获取layui表格选中行的数据
在项目中有很多涉及到表格的模块,有时候当你需要保存数据的时候,而这些数据都在表格中你却获取不到,这就让人很苦恼了,所以下面就讲下如何获取layui表格中选中行的数据, 注意这里只是layui表格的获取 ...

layui表格筛选查询

layui表格筛选查询相关推荐

最新文章

热门文章