您现在的位置是:首页 >>LayuiLayui

列表页搜索功能,条件为时间搜索时,重复刷新时间搜索功能。

zhang2021-09-30 11:34:17【Layui】人已围观

简介:
以前的:<script> layui.use(['layer', 'form','table','laydate'], function(){ va...

以前的:

<script>
layui.use(['layer', 'form','table','laydate'], function(){
var $ = layui.$
,layer = layui.layer
,table = layui.table
,laydate=layui.laydate
,form = layui.form;
//表格列表
table.render({
elem: '#LAY-app-content-list'
,url:'?action=list&StuType=<%=StuType%>&s_isAll=<%=s_isAll%>'
,toolbar: '#toolbarTable'
,defaultToolbar: ['filter','exports']
,title: '数据列表'
,cols: [[
{type: "checkbox",fixed: "left"}
,{field:'index', title:'序号', width:65, fixed: 'left'}
,{field:'AddTime', title:'时间', width:105, fixed: 'left'}
,{field:'Mobile', title:'用户名', width:120, fixed: 'left'}
,{field:'TrueName', title:'姓名', width:90, fixed: 'left'}
,{field:'Register', title:'登记人', width:90}
,{field:'Referrer', title:'推荐人', width:90}
,{field:'ZdKfUser', title:'客服(自动)', width:120}
,{field:'SdKfUser', title:'客服(手动)', width:100}
,{field:'Weixin', title:'微信号', width:120}
,{field:'QQ', title:'QQ', width:120}
,{field:'bkxx', title:'本科学校', width:100}
,{field:'bkxy', title:'本科学院', width:120}
,{field:'School', title:'报考学校', width:120}
,{field:'College', title:'报考学院', width:100}
,{field:'km1', title:'科目1', width:70}
,{field:'km2', title:'科目2', width:70}
,{field:'SellMoney', title:'资料售价', width:100}
,{field:'EditUser', title:'最近编辑', width:100,hide:true}
,{field:'EditTime', title:'编辑时间', width:170,hide:true}
,{ title: "操作",width: 290,align: "center",fixed: "right",toolbar: "#table-content-list"}
]]
,page: true
,limit:15
,response: {
statusCode: "success" //重新规定成功的状态码为 200,table 组件默认为 0
}
,done: function(res, curr, count){
$('#LAY-app-content-list').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
$('#LAY-app-content-list').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").find("a[lay-event='view']").click();
})
}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
//res=JSON.stringify(res);
if(!$("#layui-table-total").length > 0){
$.post("/plug/diy/per/perFun.asp","action=my",function(data){
$(".layui-table-page").append("<div id=layui-table-total><font color=red><b><%=rCookie("TrueName")%></b></font>您好!您今日绩效为:登记<font color=red><b>"+data.RegisterDayPer+"</b></font>元<%if checkPermission("推荐") then%> 推荐<font color=red><b>"+data.ReferrerDayPer+"</b></font>元<%end if%><%if checkPermission("销售") then%> 销售<font color=red><b>"+data.SellerDayPer+"</b></font>元<%end if%><%if checkPermission("教务") then%> 教务<font color=red><b>"+data.RegistrarDayPer+"</b></font>元<%end if%>; 本月绩效为:登记<font color=red><b>"+data.RegisterMonthPer+"</b></font>元<%if checkPermission("推荐") then%> 推荐<font color=red><b>"+data.ReferrerMonthPer+"</b></font>元<%end if%><%if checkPermission("销售") then%> 销售<font color=red><b>"+data.SellerMonthPer+"</b></font>元<%end if%><%if checkPermission("教务") then%> 教务<font color=red><b>"+data.RegistrarMonthPer+"</b></font>元<%end if%></div>");
},'json');
}
return {
"code": res.status, //解析接口状态
"msg": res.msg, //解析提示文本
"count": res.count, //解析数据长度
"data": res.data //解析数据列表
};
}
});

laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
//监听搜索
form.on('submit(LAY-app-contlist-search)', function(data){
var s_field=$.trim($("select[name='s_field']").val());
var s_keyword=$.trim($("input[name='s_keyword']").val());
var s_Register=$.trim($("select[name='s_Register']").val());
var s_Referrer=$.trim($("select[name='s_Referrer']").val());
var s_Seller=$.trim($("select[name='s_Seller']").val());
var s_bkxx=$.trim($("select[name='s_bkxx']").val());
var s_School=$.trim($("select[name='s_School']").val());
var s_AddTime=$.trim($("input[name='AddTime']").val());
if(s_field=="" && s_keyword=="" && s_Register=="" && s_Referrer=="" && s_Seller=="" && s_bkxx=="" && s_School=="" && s_AddTime==""){
layer.msg("搜索条件不能为空", {icon: 2,time: 2*1000,shift: 6});
return false;
}
//执行重载
table.reload('LAY-app-content-list', {
url:'?action=list&StuType=<%=StuType%>&s_isAll=<%=s_isAll%>',
page:{curr: 1},
where: {'s_field':$.trim(s_field),'s_keyword':$.trim(s_keyword),'Register':$.trim(s_Register),'Referrer':$.trim(s_Referrer),'Seller':$.trim(s_Seller),'bkxx':$.trim(s_bkxx),'School':$.trim(s_School),'AddTime':$.trim(s_AddTime)}
});
$("select[name='s_field']").val(s_field);
$("input[name='s_keyword']").val(s_keyword);
$("select[name='s_Register']").val(s_Register);
$("select[name='s_Referrer']").val(s_Referrer);
$("select[name='s_Seller']").val(s_Seller);
$("select[name='s_bkxx']").val(s_bkxx);
$("select[name='s_School']").val(s_School);
$("input[name='AddTime']").val(s_AddTime);
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
});



现在的:

<script>
layui.use(['layer', 'form','table','laydate'], function(){
var $ = layui.$
,layer = layui.layer
,table = layui.table
,laydate=layui.laydate
,form = layui.form;
//表格列表
table.render({
elem: '#LAY-app-content-list'
,url:'?action=list&StuType=<%=StuType%>&s_isAll=<%=s_isAll%>'
,toolbar: '#toolbarTable'
,defaultToolbar: ['filter','exports']
,title: '数据列表'
,cols: [[
{type: "checkbox",fixed: "left"}
,{field:'index', title:'序号', width:65, fixed: 'left'}
,{field:'AddTime', title:'时间', width:105, fixed: 'left'}
,{field:'Mobile', title:'用户名', width:120, fixed: 'left'}
,{field:'TrueName', title:'姓名', width:90, fixed: 'left'}
,{field:'Register', title:'登记人', width:90}
,{field:'Referrer', title:'推荐人', width:90}
,{field:'ZdKfUser', title:'客服(自动)', width:120}
,{field:'SdKfUser', title:'客服(手动)', width:100}
,{field:'Weixin', title:'微信号', width:120}
,{field:'QQ', title:'QQ', width:120}
,{field:'bkxx', title:'本科学校', width:100}
,{field:'bkxy', title:'本科学院', width:120}
,{field:'School', title:'报考学校', width:120}
,{field:'College', title:'报考学院', width:100}
,{field:'km1', title:'科目1', width:70}
,{field:'km2', title:'科目2', width:70}
,{field:'SellMoney', title:'资料售价', width:100}
,{field:'EditUser', title:'最近编辑', width:100,hide:true}
,{field:'EditTime', title:'编辑时间', width:170,hide:true}
,{ title: "操作",width: 290,align: "center",fixed: "right",toolbar: "#table-content-list"}
]]
,page: true
,limit:15
,response: {
statusCode: "success" //重新规定成功的状态码为 200,table 组件默认为 0
}
,done: function(res, curr, count){
$('#LAY-app-content-list').next().find('.layui-table-body').find("table" ).find("tbody").children("tr").on('dblclick',function(){
$('#LAY-app-content-list').next().find('.layui-table-body').find("table").find("tbody").find(".layui-table-hover").find("a[lay-event='view']").click();
})
}
,parseData: function(res){ //将原始数据解析成 table 组件所规定的数据
toolbarRender();
//res=JSON.stringify(res);
if(!$("#layui-table-total").length > 0){
$.post("/plug/diy/per/perFun.asp","action=my",function(data){
$(".layui-table-page").append("<div id=layui-table-total><font color=red><b><%=rCookie("TrueName")%></b></font>您好!您今日绩效为:登记<font color=red><b>"+data.RegisterDayPer+"</b></font>元<%if checkPermission("推荐") then%> 推荐<font color=red><b>"+data.ReferrerDayPer+"</b></font>元<%end if%><%if checkPermission("销售") then%> 销售<font color=red><b>"+data.SellerDayPer+"</b></font>元<%end if%><%if checkPermission("教务") then%> 教务<font color=red><b>"+data.RegistrarDayPer+"</b></font>元<%end if%>; 本月绩效为:登记<font color=red><b>"+data.RegisterMonthPer+"</b></font>元<%if checkPermission("推荐") then%> 推荐<font color=red><b>"+data.ReferrerMonthPer+"</b></font>元<%end if%><%if checkPermission("销售") then%> 销售<font color=red><b>"+data.SellerMonthPer+"</b></font>元<%end if%><%if checkPermission("教务") then%> 教务<font color=red><b>"+data.RegistrarMonthPer+"</b></font>元<%end if%></div>");
},'json');
}
return {
"code": res.status, //解析接口状态
"msg": res.msg, //解析提示文本
"count": res.count, //解析数据长度
"data": res.data //解析数据列表
};
}
});

function toolbarRender() {
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
};
//监听搜索
form.on('submit(LAY-app-contlist-search)', function(data){
var s_field=$.trim($("select[name='s_field']").val());
var s_keyword=$.trim($("input[name='s_keyword']").val());
var s_Register=$.trim($("select[name='s_Register']").val());
var s_Referrer=$.trim($("select[name='s_Referrer']").val());
var s_Seller=$.trim($("select[name='s_Seller']").val());
var s_bkxx=$.trim($("select[name='s_bkxx']").val());
var s_School=$.trim($("select[name='s_School']").val());
var s_AddTime=$.trim($("input[name='AddTime']").val());
if(s_field=="" && s_keyword=="" && s_Register=="" && s_Referrer=="" && s_Seller=="" && s_bkxx=="" && s_School=="" && s_AddTime==""){
layer.msg("搜索条件不能为空", {icon: 2,time: 2*1000,shift: 6});
return false;
}
//执行重载
table.reload('LAY-app-content-list', {
url:'?action=list&StuType=<%=StuType%>&s_isAll=<%=s_isAll%>',
page:{curr: 1},
where: {'s_field':$.trim(s_field),'s_keyword':$.trim(s_keyword),'Register':$.trim(s_Register),'Referrer':$.trim(s_Referrer),'Seller':$.trim(s_Seller),'bkxx':$.trim(s_bkxx),'School':$.trim(s_School),'AddTime':$.trim(s_AddTime)}
});
$("select[name='s_field']").val(s_field);
$("input[name='s_keyword']").val(s_keyword);
$("select[name='s_Register']").val(s_Register);
$("select[name='s_Referrer']").val(s_Referrer);
$("select[name='s_Seller']").val(s_Seller);
$("select[name='s_bkxx']").val(s_bkxx);
$("select[name='s_School']").val(s_School);
$("input[name='AddTime']").val(s_AddTime);
});

以前是在监听搜索前面一行和$("input[name='AddTime']").val(s_AddTime);后面一行加
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
但是这样如果搜索右侧再增加其他按钮,或者点导出按钮以后,再选择时间搜索,发现失灵了。因为导出功能的代码后面没有加
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
这样在操作完导出以后,时间搜索就不能生效。
不可能每添加一个新功能按钮,都去代码中把
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
这行代码添加一遍,这样功能按钮多了,这行代码要添加很多次,
现在用判断有无表格的方式来刷新时间搜索功能,无论进行过什么操作,只要操作完成以后出现表格,时间搜索代码都会加载一遍,这样就实现了时间搜索功能一致有效。
只需要在,function(res){ //将原始数据解析成 table 组件所规定的数据
下面一行加toolbarRender();
在监听搜索上面一行加
function toolbarRender() {
laydate.render({ elem: 'input[name="AddTime"]',type: 'date',range: true});
};
即可。




文章评论

    评论加载中...

标签云

站点信息

  • 建站时间:2018-11-17
  • 文章统计:141篇文章
  • 微信交流:扫描二维码,添加我
在线客服
在线客服
在线咨询:
点击这里给我发消息技术交流
点击这里给我发消息技术交流
点击这里给我发消息技术交流
电话咨询:
(微信同步)
15629136039
微信二维码