layui不同 li 不同数据表格,当前数据表格刷新后原定位到之前的 li

简介: layui不同 li 不同数据表格,当前数据表格刷新后原定位到之前的 li

代码实现:


$.ajax({
    url: '../zjjgx/searchDataThree?searchDjbhThree='+searchDjbhThree+'&searchXybhThree='+searchXybhThree+'&searchHtbhThree='+searchHtbhThree,
    dataType: 'json',
    success: function (obj) {
        if (obj.success){
            table.reload('thirdTable',{
                page: {
                    curr: 1 //重新从第 1 页开始
                }
            }, 'data');
        }else {
            location.reload();
        }
    },
    error: function () {
        location.reload();
    }
});


参数说明:


thirdTable :数据表格的id


table.render({
    elem: '#test3'
    ,url:'/zjjgx/getDataThree'
    ,toolbar: '#toolbarDemo3' //开启头部工具栏
    ,defaultToolbar: ['filter']
    ,title: '资金监管箱'
    ,initSort: {
        field: 'qdrq'
        ,type: 'desc'
    }
    ,cols: [
        [
            {type: 'radio', fixed: 'left'}
            ,{field:'', title:'序号', width:50,type:'numbers', fixed: 'left'}
            ,{field:'djbh', title:'登记编号', width:120,sort:true}
            ,{field:'xybh', title:'协议编号',event:'xybh', width:120}
            ,{field:'ywxx', title:'业务细项', width:100}
            ,{field:'zrf', title:'转让方', width:100}
            ,{field:'srf', title:'受让方', width:100}
            ,{field:'zqr', title:'支取人', width:100}
            ,{field:'fwzl', title:'房屋坐落', width:100}
            ,{field:'qzhm', title:'权证号码', width:120}
            ,{field:'htbh', title:'合同编号', width:120,sort:true}
            ,{field:'dqblr', title:'当前办理人', width:100}
            ,{field:'bldw', title:'办理单位', width:100}
            ,{field:'qdrq', title:'签订日期', width:100}
            ,{field:'sfcx', title:'是否撤销', width:100}
        ]
    ]
    ,page: true
    ,id: 'thirdTable'
});


layui 官网说明:

https://www.layui.com/demo/table/reload.html

相关文章
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
637 0
|
Java 数据库
Springboot 根据数据库表自动生成实体类和Mapper,只需三步
Springboot 根据数据库表自动生成实体类和Mapper,只需三步
8002 2
Springboot 根据数据库表自动生成实体类和Mapper,只需三步
|
2月前
|
机器学习/深度学习 存储 算法
基于模型预测算法的混合储能微电网双层能量管理系统研究(Matlab代码实现)
基于模型预测算法的混合储能微电网双层能量管理系统研究(Matlab代码实现)
|
10月前
|
存储 运维 安全
阿里云弹性裸金属服务器是什么?产品规格及适用场景介绍
阿里云服务器ECS包括众多产品,其中弹性裸金属服务器(ECS Bare Metal Server)是一种可弹性伸缩的高性能计算服务,计算性能与传统物理机无差别,具有安全物理隔离的特点。分钟级的交付周期将提供给您实时的业务响应能力,助力您的核心业务飞速成长。本文为大家详细介绍弹性裸金属服务器的特点、优势以及与云服务器的对比等内容。
928 23
uniapp九宫格概率抽奖功能
uniapp九宫格概率抽奖功能
209 0
|
JavaScript 前端开发
【Javascript保姆级教程】if判断语句的三种形式
【Javascript保姆级教程】if判断语句的三种形式
382 0
|
应用服务中间件 API nginx
|
前端开发
layui选项卡演示
layui选项卡演示
121 0
|
传感器 IDE 开发工具
【史上最全面esp32教程】RGB彩灯篇
【史上最全面esp32教程】RGB彩灯篇
1318 0
|
存储 安全 Java
jvm之堆上的GC和分代思想解读
jvm之堆上的GC和分代思想解读