白小白··· 2020-04-01 10:48 采纳率: 50%
浏览 76

easyui 分页 问题 ， 那位大佬能帮小弟解答一下

我的easyui 列表是做的弹框（easyui-window） 假如 第一次显示列表得时候 是在第5页 关闭之后，再次点在页码还是在第五页（数据是第一页的数据），是想在关闭之后，在打开弹框之后还是显示第1页图片说明

———————————————————————————————————————————————————————————————————————————————————————————————————————————————

图片说明
目的是想在第二次打开列表之后页码显示第一页

  • 写回答

1条回答 默认 最新

  • 码农阿豪@新空间 新星创作者: 前端开发技术领域 2024-07-25 16:35
    关注
    让阿豪来帮你解答，本回答参考chatgpt3.5编写提供，如果还有疑问可以评论或留言
    问题解答如下： 首先，EasyUI中的window组件是一个浮动窗口，通常用来显示弹出式的内容，例如弹出对话框或者表单。在弹出窗口中嵌套列表时，可能会遇到在关闭窗口后再次打开时，列表页码没有重置的问题。 要解决这个问题，可以在关闭弹出窗口时手动将列表的页码重置为第一页。下面是示例代码： 
    <!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>EasyUI列表页码重置示例</title>
    <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.12/themes/default/easyui.css">
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.12/jquery.easyui.min.js"></script>
</head>
<body>
    <div id="win" class="easyui-window" title="列表弹窗示例" style="width:400px;height:200px;"
         data-options="modal:true,closed:true">
        <ul id="dg" class="easyui-datagrid" style="width:380px;height:150px;"
            data-options="pagination:true,rownumbers:true,singleSelect:true,pageList:[5,10,15],url:'data.json'">
            <thead>
                <tr>
                    <th field="id" width="50">ID</th>
                    <th field="name" width="50">Name</th>
                </tr>
            </thead>
        </ul>
    </div>
    <button id="openBtn" onclick="openWindow()">打开列表窗口</button>
    <script>
        function openWindow() {
            $('#dg').datagrid({
                pageNumber: 1
            });
            $('#win').window('open');
        }
    </script>
</body>
</html>

    在上述代码中，当点击"打开列表窗口"按钮时，会手动将列表的页码重置为第一页，然后再打开弹出窗口显示列表数据。这样就可以解决在第二次打开列表窗口时显示第一页的问题。希望这个解答能帮到您。

    评论

报告相同问题？

  • EasyUI Pagination分页功能的实现讲解以分页没有效果问题
    2018-10-22 17:13
    江湖一点雨的博客 EasyUI Pagination 分页没有效果？分页功能的实现讲解 本次某个项目中用到Easyui+SSM框架，而easyui-Pagination在前后台分页的写法比较多，但是相对固定，于是我在这里直接写一份关于easyui下的分页教程，省得以后...
  • EasyUI分页在浏览器上中文乱码
    2020-06-18 19:54
    Angle-Tan的博客 在开发SSM框架时，发现用EasyUI写的分页中文乱码，用eclipse打开是正确的，但是在浏览器运行就一直中文乱码。 上图是正确的分页效果 出现这个问题的主要原因是：easyui/easyui/1.3.4/locale/easyui-lang-zh_CN.js...
  • easyui使用心得 - datagrid前端分页
    2019-06-27 09:18
    啊宝儿姐的博客 $("#dg").datagrid(); 四个相关属性：pageList,pageSize,pagination,loadFilter pageList和pageSize一起，定义分页的大小 pagination 显示分页工具栏 ... 该属性接受一个function，这样写，便能分页...
  • 在学习EasyUI过程中遇到的问题(乱码问题,分页问题)
    2018-08-30 16:32
    Clark_Liu1234的博客 乱码问题 在学习datagrid表格时,从后台获取数据. 要从数据库中获取数据后,要放入JSON中. JSON的格式如下: {"total":12, "rows":[ {"id":1,"email":"55455454@...
  • SpringMVC+MyBatis+EasyUI简单分页Demo
    2015-08-05 10:29
    在本项目"SpringMVC+MyBatis+EasyUI简单分页Demo"中，我们将探讨如何结合这三种技术实现一个具备基本分页功能的Web应用。SpringMVC是Spring框架的一部分，负责处理HTTP请求和响应；MyBatis是一个轻量级的持久层框架...
  • EasyUI数据分页实现(真假分页)
    2018-01-20 11:21
    唐策的博客 数据分页功能的实现是在...现在的分页实现依赖于EasyUI前台框架的强大功能，那么接下来就让我们看看数据分页在Easyui中的实现吧！ 分页往往是依附于数据表格的，所以我们就使用的是easyui的datagrid组件，来开启pagi
  • easyUi分页以及条件查询
    2017-05-19 15:46
    NL_LIU的博客 //easyUi分页以及条件查询JQuery 写法 (只需要找一个地方放入就行); //大表格数据$('#dg').datagrid({ url : _getPage, rownumbers : true, pagination : true, fitColumns : true,
  • easyui 之datagrid分页
    2020-07-24 15:07
    如果可以，请简单点。的博客 //初始化分页 loadList(""); }); function loadList(pcode){ var parm = $("#parm").serialize() parm = decodeURIComponent(parm,true); parm = encodeURI(encodeURI(parm)); //var $width = $(window).width();//...
  • EasyUI实现表格分页
    2018-07-17 17:20
    王绍桦的博客 1.官网下载EasyUI地址：http://www.jeasyui.com/download/list.php  （我的资源地址：https://download.csdn.net/download/rexueqingchun/10547000） 2.页面使用及添加所依赖的JS和CSS &lt;!DOCTYPE ...
  • 使用EasyUI完成datagrid数据分页
    2018-05-11 23:37
    做一只有理想的猫的博客 当数据库中的数据量过多时一般都会进行分页操作，下面为大家提供一种EasyUI自带分页的操作，非常简便实用，喜欢EasyUI可以参考一下，希望可以给你带来帮助！  实用EasyUI首先要引用文件，这里不再进行叙述，为了让...
  • 没有解决我的问题, 去提问