這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)layui數(shù)據(jù)表格重載實現(xiàn)往后臺傳參,文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述,閱讀完這篇文章希望大家可以有所收獲。
創(chuàng)新互聯(lián)專注于雙湖網(wǎng)站建設(shè)服務(wù)及定制,我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗。 熱誠為您提供雙湖營銷型網(wǎng)站建設(shè),雙湖網(wǎng)站制作、雙湖網(wǎng)頁設(shè)計、雙湖網(wǎng)站官網(wǎng)定制、小程序定制開發(fā)服務(wù),打造雙湖網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供雙湖網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。
1、網(wǎng)上的代碼:
搜索商戶:在js加入初始化代碼和定義加載方法 layui.use('table', function(){ var table = 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(){ var demoReload = $('#demoReload'); table.reload('testReload', { where: { keyword: demoReload.val() } }); } }; )};
綁定click點擊事件
$('.demoTable .layui-btn').on('click', function(){ var type = $(this).data('type'); //注意頂一個括號中的格式,class用.id用#,中間有一個空格 active[type] ? active[type].call(this) : ''; });
此時點擊查詢按鈕,會將keyword這個關(guān)鍵字傳到后端,接下來就是自己處理查詢關(guān)鍵字業(yè)務(wù)了。
到目前為止,搜索也有了,分頁也有了,對了,分頁會自動傳到后端page,limit2個值到后臺,相當(dāng)于(pageindex,pagesize)
2、實踐,
(1)html頁面及javascript代碼如下:
{% extends 'common.html'%} {% block content %}擴(kuò)展功能
{% for business in common_business %} {% endfor %}日志
附加信息
(2)后臺代碼如下:
@toolsbp.route('/') @toolsbp.route('/index',methods=['GET','POST']) def index(): if request.method=='POST': data={} data['data']='' data['code']=0 data['msg']='查詢成功' env=request.form.get('env_tools') if env is None: return json.dumps(data) phone=request.form.get('phone') where='' if phone: where="where phone like '%(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)s order by create_time desc limit %(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 if result: data['count']=len(result) else: data['count']=0 return json.dumps(data,cls=MysqlPool.DateEncoder) return render_template('tools/index.html')
(3)頁面功能如下:
上述就是小編為大家分享的layui數(shù)據(jù)表格重載實現(xiàn)往后臺傳參了,如果剛好有類似的疑惑,不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。