layui table数据表格reload where参数保留问题

在使用layui过程中多多少少会遇到些问题

table reload 有个坑:reload时where参数会保留上次的参数,如果用

done: function(res, curr, count){ this.where={};}

来处理,默认的表格分页会把第一次请求的参数去掉。两者遇到些冲突。

用下面的方式来解决:

var tableIns = table.render({
elem: '#test-table-toolbar' //绑定table表格
// ,url: '/api/mockrecord/findByRPID?rpid=100002'
,url: '/api/bug/findAllPageInfo?project_name='+project_name
,toolbar: '#test-table-toolbar-toolbarDemo'
,title: '用户数据表'
//,height:500 //不建议这样使用,建议直接返回Map
/*,parseData: function(res){ //res 即为原始返回的数据
return {
"code": 0, //解析接口状态
"msg": "hint message", //解析提示文本
"count": 10, //解析数据长度
"data": res //解析数据列表
};
}*/ /*
,request: {
pageName: 'curr' //页码的参数名称,默认:page
,limitName: 'nums' //每页数据量的参数名,默认:limit
}*/ ,cols: [[
// {type: 'checkbox', fixed: 'left'}, {field:'bug_key', title: '关键字', width: 150,fixed: 'left'} ,{field:'bug_summary', title:'概要', width:600, unresize: true/*, sort: true*/}
,{field:'bug_labels', title:'模块', width:100, sort: true}
,{field:'bug_labels', title:'类型', width:100, sort: true} ,{field:'bug_assigneedisplayname', title:'经办人', width:100, templet: function(res){
return '<em>'+ res.bug_assigneedisplayname +'</em>'
}}
,{field:'bug_reporterdisplayname', title:'报告人', width:100, templet: function(res){
return '<em>'+ res.bug_reporterdisplayname +'</em>'
}}
,{field:'bug_priority', title:'优先级', width:100, /*, sort: true*/}
,{field:'bug_status', title:'状态', width:100} ,{field:'bug_createddate', title:'创建日期',width:100,templet: '<div>{{ layui.laytpl.toDateString(d.bug_createddate) }}</div>'}
,{field:'bug_updateddate', title:'已更新',width:100,templet: '<div>{{ layui.laytpl.toDateString(d.bug_createddate) }}</div>'}
,{field:'bug_duedate', title:'到期日',width:100,templet: '<div>{{ layui.laytpl.toDateString(d.bug_createddate) }}</div>'}
,{fixed: 'right', title:'操作', toolbar: '#test-table-toolbar-barDemo', width:150}
]]
,page: true
,limit: 50
,limits: [50, 100, 150]
// ,layout: ['count', 'prev', 'page', 'next', 'limit', 'refresh', 'skip']
,jump: function(obj, first){
if(!first){
layer.msg('第 '+ obj.curr +' 页');
}
}
});

使用table的实例化对象来reload

tableIns.reload({
page: {
curr: 1 //重新从第 1 页开始
,limit:50
}
, method:'POST'
,url: '/api/bug/findAllBugsBySearchCondition'
,where: formData
,contentType: 'application/json'
//,height: 300
,done: function(res, curr, count){
//this.where={};
//不清空,有问题:搜索条件会保留
//清空, 有问题:分页的时候没有搜索条件了,分页会受到影响
}
});

layui table数据表格reload where参数保留问题的更多相关文章

  1. layui table 数据表格 隐藏列

    现在国内的模板,也就layui一家独大了,其中的数据表格功能强大,但我不会用python或者django拼接json,输出发送给数据表格,那只好用笨办法,循环遍历吧. 数据表格中保留id列,是为了编辑 ...

  2. layui table 数据表格固定列的行高和table其他列的行高不一致

    1.问题描述:使用layui的table数据表格,固定某一列,这样表格中数据的宽度超出屏幕宽度时,固定列可以一直显示在屏幕中,不会随着底部滚动栏左右的拖动而变化位置.但是遇到一个问题,就是固定列的行高 ...

  3. LayUI之table数据表格获取行、行高亮等相关操作

    前言 目前LayUI数据表格既美观有不乏一些实用功能.基本上表格应有的操作已经具备,LayUI作者[贤心]肯定是煞费苦心去优化,此处致敬.但是实话实话,如果单纯那数据表格功能来说,EasUI的数据表格 ...

  4. 项目总结17-使用layui table分页表格

    项目总结17-使用layui table分页表格总结 前言 在项目中,需要用到分页的表格来展示数据,发现layui的分页表格,是一个很好的选择:本文介绍layui table分页表格的前后端简单使用 ...

  5. layui中,同一个页面动态加载table数据表格

    效果图: 前端代码: <div class="layui-fluid" id="record-user" hidden="hidden" ...

  6. layui的数据表格加上操作

    数据表格加上操作. <script type="text/html" id="barDemo"> <a class="layui-b ...

  7. layui:数据表格如何合并单元格

    layui.use('table', function () { var table = layui.table; table.render({ elem: '#applyTab' , url: '$ ...

  8. layui动态数据表格-分页

    数据结构 $list = [ [,'], [,] ]; $json[; $json['; $json[; $json['data'] = $list; return json($json); 代码: ...

  9. table数据表格添加checkbox进行数据进行两个表格左右移动。

    <table class="table table-hover table-striped table-condensed newDateList"> <thea ...

随机推荐

  1. 20175320 2018-2019-2 《Java程序设计》第8周学习总结

    20175320 2018-2019-2 <Java程序设计>第8周学习总结 教材学习内容总结 本周学习了教材的第十五章的内容,在这章中介绍了泛型和集合框架,着重讲了泛型类的概念,并介绍了 ...

  2. oracle_创建表空间_临时表空间_修改表空间_以及自增长

    管理员用户登录oracle数据库 [oracle@DBORACLE ~]$ sqlplus / as sysdba SQL*Plus: Release 11.2.0.4.0 Production on ...

  3. Excel文件导入导出(基于Nodejs、exceljs)

    Excel导入.导出是大多数项目的管理后台必备功能.几年来使用过多个该功能的实现包,最近一次开发该功能,突然发现一个人气极高(3000+)的包,这里记录一下使用方法. 大凡厉害的技术的文档咋一看都想字 ...

  4. Gitbook在Windows上安装

    GitBook是基于Nodejs,使用Git/Github和Markdown制作电子书的命令行工具. 1.安装Nodejs 首先,安装Nodejs,官网地址:https://nodejs.org/en ...

  5. JVM深入:JDK8-废弃永久代(PermGen)迎来元空间(Metaspace)(转)

    转载自:https://www.cnblogs.com/yulei126/p/6777323.html 1.背景 2.为什么废弃永久代(PermGen) 3.深入理解元空间(Metaspace) 4. ...

  6. linux touch命令 创建文件

    touch 创建文件,用法,touch test.txt,如果文件存在,则表示修改当前文件时间 [root@MongoDB ~]# touch /data/text.txt [root@MongoDB ...

  7. 设置js的ctx

    <script type="text/javascript" src="${ctx}/js/dynamic.jsp"></script> ...

  8. 一次 Spark SQL 性能提升10倍的经历(转载)

    1. 遇到了啥问题 是酱紫的,简单来说:并发执行 spark job 的时候,并发的提速很不明显. 嗯,且听我慢慢道来,啰嗦点说,类似于我们内部有一个系统给分析师用,他们写一些 sql,在我们的 sp ...

  9. http类中的download方法 下载汉字文件名 汉字消失的问题

    将文件名用urlencode转码即可 $http = new \Org\Net\Http; $http->download($fileName, urlencode($showName));

  10. Jackson流式API

    public class JacksonTester {   public static void main(String args[]){    JacksonTester tester = new ...