介绍多条件搜索框:注样式自己写
& lt; div 类=癲emoTable",风格=翱矶?,968 px;
,保证金:20 px 汽车;颜色:,# 7185 a2"比;
,,,流水号:
,,,& lt; div 类=發ayui-inline"比;
,,,,& lt; input 类=發ayui-input", name=癋lowNumber", id=癋lowNumber",自动完成=皁ff",在
,,,& lt;/div>
,,,账号:
,,,& lt; div 类=發ayui-inline"比;
,,,,& lt; input 类=發ayui-input", name=癠serName", id=癠serName",自动完成=皁ff",在
,,,& lt;/div>
,,,咨询主题:
,,,& lt; div 类=發ayui-inline"比;
,,,,& lt; input 类=發ayui-input", name=癟opic", id=癟opic",自动完成=皁ff",在
,,,& lt;/div>
,,,时间:
,,,& lt; div 类=發ayui-inline"比;
,,,,& lt; input 类=發ayui-input", name=癟ime", id=癟ime",自动完成=皁ff",在
,,,& lt;/div>
,,,& lt; button 类=發ayui-btn",数据类型=皉eload",在搜索& lt;/button>
,,& lt;/div>
删除按钮
,& lt; button 类=發ayui-btn",数据类型=癵etCheckData",在批量删除& lt;/button>
,& lt; table id=癲ataProject",类=發ayui-table", lay-filter=皌est"祝辞& lt;/table>, & lt; !——数据表格渲染,在 & lt; script>
,layui.use([& # 39;表# 39;& # 39;laydate& # 39;],,函数(){
var 才能;table =, layui.table;
,,,laydate =, layui.laydate;//第才能一个实例
laydate.render({才能
,,,elem: & # 39; #时间# 39;
,,,主题:,& # 39;# 7185 a2 # 39;
,,});
table.render({才能
,,,elem: & # 39; # dataProject& # 39;,//渲染dom
,,,url:, & # 39;。/json/servertheme.json& # 39;,//数据接口
,,,要求:{
,,,pageName:, & # 39;页面# 39;,//页码的参数名称,默认:页面
,,,,limitName:, & # 39;大小# 39;,//每页数据量的参数名,默认:极限
,,}
,,,的回应:,{
,,,statusName:, & # 39;代码# 39;,//数据状态的字段名称,默认:代码
,,,,statusCode:, 0,//成功的状态码,默认:0
,,,,msgName:, & # 39; & # 39;,//状态信息的字段名称,默认:味精
,,,,countName:, & # 39;计数# 39;,//数据总数的字段名称,默认:计数
,,,,dataName:, & # 39;数据# 39;,//数据列表的字段名称,默认:数据
,,}
,,,关口:,[[,//表头//,,,,{字段:& # 39;projectId& # 39;,,标题:,& # 39;id # 39;,,宽度:10}
,,,{类型:& # 39;复选框# 39;,,固定:,& # 39;左# 39;}
,,,,{字段:& # 39;FlowNumber& # 39;,,标题:,& # 39;流水号& # 39;,,宽度:91}
,,,,{字段:& # 39;用户名# 39;,,标题:,& # 39;账号& # 39;,宽度:103}
,,,,{字段:& # 39;projectname # 39;,,标题:,& # 39;咨询主题& # 39;,宽度:146}
,,,,{字段:& # 39;projectShiXiang& # 39;,,标题:,& # 39;涉及事项& # 39;,宽度:136}
,,,,{字段:& # 39;时间# 39;,,标题:,& # 39;咨询时间& # 39;,宽度:140}
,,,,{字段:& # 39;国家# 39;,,标题:,& # 39;状态& # 39;,宽度:87}
,,,,{字段:& # 39;操作# 39;,,标题:,& # 39;操作& # 39;,工具栏:& # 39;# barDemo& # 39;,宽度:140}
,,]]
,,,页面:,{,//支持传入,laypage 组件的所有参数(某些参数除外,如:跳/elem),安康;详见文档
,,,布局:,(,& # 39;prev # 39;,, & # 39;页面# 39;,,& # 39;接下来,,,& # 39;跳过# 39;,,& # 39;计数# 39;],//自定义分页布的局
,,,,组:,3,//只显示,1,个连续页码
,,,,第一:,& # 39;首页& # 39;,//不显示首页
,,,,最后:,& # 39;尾页& # 39;,//不显示尾页
,,,,主题:,& # 39;# 7185 a2 # 39;
,,}
,,,,,& # 39;testReload& # 39;
,,,限制:6
,,});
table.on才能(& # 39;工具(测试)& # 39;,,函数(obj),{//申报按钮
,,var data =, obj.data;
,,var dataTitle =data.projectName;
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
本篇文章为大家展示了利用Layui怎么批量删除数据表格,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。
<强> Layui数据表格批量删除
