广州视频网站建站公司做淘宝客网站制作教程视频教程
news/
2025/9/23 23:54:56/
文章来源:
广州视频网站建站公司,做淘宝客网站制作教程视频教程,网站里的字体大小,com的域名是指商业网站的域名.目的
搜索框搜索内容重载数据只显示搜索到的结果 遇到的问题
在layui官方文档里介绍的table属性有data项,但使用下列代码
table.reload(test, {data:data //data为json数据});
时发现#xff0c;会会重新调用table.render的url拿到原来的数据#xff0c;并不会显示出来传…目的
搜索框搜索内容重载数据只显示搜索到的结果 遇到的问题
在layui官方文档里介绍的table属性有data项,但使用下列代码
table.reload(test, {data:data //data为json数据});
时发现会会重新调用table.render的url拿到原来的数据并不会显示出来传输的data数据估计应该只有table.render有这个属性。
原因
table.reload执行会重新调用table.render来渲染实例
解决方案
可以使用where进行传参然后后端判断Str就可以区分是哪里调用的了具体参考后面代码
table.reload(test, {where: {Str: value},});
部分代码
表格和搜索框
div stylepadding: 16px;table classlayui-hide idtest lay-filtertest/table
/div div classlayui-input-wrap stylewidth: 300px;right: -80%;input typetext idsearchtext lay-affixsearch lay-filtersearch lay-options{split: true} placeholder搜索… classlayui-input
/div表格渲染
table.render({elem: #test,url: /GetAllTemp,method: post,toolbar: #toolbarDemo,height: full-35,css: [ // 重设当前表格样式.layui-table-tool-temp{padding-right: 145px;}].join(),cellMinWidth: 80,totalRow: true,page: true,cols: [[{type: checkbox, fixed: left},{field:id, fixed: left, width:100, title: %ExamTemp.tid%},{field:b, width:300, title: %ExamTemp.tb%},{field:c, width:250, title: %ExamTemp.tc%},{field:d, title:%ExamTemp.td%, width: 300},{field:e, title:%ExamTemp.te%, width: 300},{fixed: right, title:操作, width: 134, minWidth: 125, toolbar: #barDemo}]],done: function(res, curr, count, origin){...
搜索框事件表格重载数据 form.on(input-affix(search), function(data){ // 搜索var elem data.elem; // 输入框var value elem.value; // 输入框的值if(!value){layer.msg(请输入搜索内容);return elem.focus()};// 搜索重载数据table.reload(test, {where: {Str: value},});});
后端 获取数据
判断一下Str是不是空的就可以区分是一开始渲染还是重载了
WebServlet(/GetAllTemp)
public class GetAllTempServlet extends HttpServlet {AllTemplateService ats new AllTemplateServiceImpl();Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {req.setCharacterEncoding(utf-8);resp.setCharacterEncoding(utf-8);String Str req.getParameter(Str);if (Strnull){int uid Integer.parseInt(req.getSession().getAttribute(uid).toString());System.out.println(uid: uid);ListAllTemplate allTemplates ats.getAllTemp();JsonMassageAllTemplate JSM new JsonMassage(0, , allTemplates);String json JSM.toJSONString();resp.getWriter().write(json);}else {ListAllTemplate allTemplates ats.getTempByStr(Str);JsonMassageAllTemplate JSM new JsonMassage(0, , allTemplates);String json JSM.toJSONString();resp.getWriter().write(json);}}
}
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/914286.shtml
如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!