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

相关文章
|
11月前
|
JavaScript
Layui数据表格嵌套文件上传按钮
Layui数据表格嵌套文件上传按钮
186 0
|
11月前
|
JavaScript Java 数据格式
Layui数据表格(table)前后台交互
Layui数据表格(table)前后台交互
525 0
|
11月前
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
layUI数据表格可编辑表格单元格值修改之后获取修改前的值
294 0
|
11月前
layUI数据表格可编辑扩展下拉框
layUI数据表格可编辑扩展下拉框
165 0
|
12月前
|
JavaScript
jqgrid清空表格
jqgrid清空表格
49 0
|
5月前
|
JSON 前端开发 JavaScript
layui-数据表格的实现
`layui`是一个前端UI框架,本文档介绍了如何使用layui创建数据表格。首先展示了三张截图来预览效果,接着讲解了下载layui资源包并导入到项目中的步骤。然后,在新建的web项目中引入layui的CSS和JS文件。文档提供了模拟的JSON数据来展示表格内容。接下来,详细说明了数据表格的实现,包括注意事项和代码实现,强调了`table`标签的`id`与`script`中`elem`的匹配。此外,文档还涵盖了监听头部工具栏和工具条事件的方法,并展示了弹出层的实现,用于添加和编辑表格数据。最后,给出了完整的HTML源码示例。
96 0
|
5月前
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
elementUI 写一个表头列名、表体单元格样式、翻页器相对较为动态的表格el-table
|
11月前
LayUI数据表格复选框显示不居中问题
LayUI数据表格复选框显示不居中问题
|
11月前
layui按条件隐藏表格列
layui按条件隐藏表格列
103 1
|
11月前
|
数据格式
layui数据表格
layui数据表格
49 0