微客导航 » 文章资讯 » layui数据表格重载实现往后台传参

layui数据表格重载实现往后台传参

2023-08-08 19:47:05 194

1、网上的代码：


搜索商户：

搜索

在js加入初始化代码和定义加载方法 layui.use('table',function(){ vartable=layui.table; //方法级渲染 table.render({ elem:'#LAY_table_user' ,url:'UVServlet' ,cols:[[ {checkbox:true,fixed:true} ,{field:'id',title:'ID',width:80,sort:true,fixed:true} ,{field:'aid',title:'商户',width:80,sort:true} ,{field:'uv',title:'访问量',width:80,sort:true,edit:true} ,{field:'date',title:'日期',width:180} ,{field:'datatype',title:'日期类型',width:100} ]] ,id:'testReload' ,page:true ,height:600 }); var$=layui.$,active={ reload:function(){ vardemoReload=$('#demoReload'); table.reload('testReload',{ where:{ keyword:demoReload.val() } }); } }; )};

绑定click点击事件

$('.demoTable.layui-btn').on('click',function(){vartype=$(this).data('type');//注意顶一个括号中的格式，class用.id用#，中间有一个空格
active[type]?active[type].call(this):'';
});

此时点击查询按钮，会将keyword这个关键字传到后端，接下来就是自己处理查询关键字业务了。

到目前为止，搜索也有了，分页也有了,对了，分页会自动传到后端page,limit2个值到后台，相当于（pageindex,pagesize）

2、实践，

（1）html页面及javascript代码如下：


{%extends'common.html'%}
{%blockcontent%}

				
					
手机号

身份证

姓名

crfuid

扩展功能开始查询额度查询会员查询账户查询短信验证码查询

扩展功能 {%forbusinessincommon_business%} {{business.business_name}} {%endfor%}

日志

附加信息

{%endblock%}

（2）后台代码如下：

@toolsbp.route('/')
@toolsbp.route('/index',methods=['GET','POST'])
defindex():

ifrequest.method=='POST':
data={}
data['data']=''
data['code']=0
data['msg']='查询成功'
env=request.form.get('env_tools')

ifenvisNone:
returnjson.dumps(data)
phone=request.form.get('phone')
where=''
ifphone:
where="wherephonelike'%(phone)s'"%{'phone':'%'+phone+'%'}
dbinfo=env_config.ENV_LIST.get(env.upper()).get('sms_platform')
dbtool=MysqlPool.MysqlPool(dbinfo.get('db_name'))
result=dbtool.getAll("select*from%(table_name)s.sms_send_record%(where)sorderbycreate_timedesclimit%(page)d,%(pagesize)d;"%{'where':where,'table_name':dbinfo.get('table_name'),'page':int(request.form.get('page'))-1,'pagesize':int(request.form.get('limit'))})
data['data']=result
ifresult:
data['count']=len(result)
else:
data['count']=0
returnjson.dumps(data,cls=MysqlPool.DateEncoder)
returnrender_template('tools/index.html')

（3）页面功能如下：

以上这篇layui数据表格重载实现往后台传参就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
3162201930
czq8825@qq.com

layui数据表格重载实现往后台传参

热门推荐

随机推荐