前端——》Layui-表格默认停留在当前页(操作后不跳转到第一页)

此次修改layui表格默认停留在当前页的时候顺便加了保留条件查询的方法。即功能展现为:

表格有6页数据,按照某个条件搜索,表格展示了3页数据,我们在第2页点击编辑跳转到子页面,再关闭子页面回到这个列表页面的时候,仍然还在第2页。不会默认跑到第一页,同时也保留了搜索条件。当然不默认跳转第一页和保留搜索条件我们可以把它分成两个功能点,这两个功能点可以像我一样同时使用,也可以分开各自使用。两个功能点的所有实现步骤皆在前端进行,与后端无交互。

步骤一:引入js,js链接见文章资源或者我的下载,实在找不到可以私信我。引用后如下图所示

https://download.csdn.net/download/nienianzhi1744/11676775

步骤二:重点已经画出来了,简单来说,

   第一个红框是定义一个表格渲染对象,

   第二个红框是保留搜索条件(如果你需要保留搜索条件的话,就加上这个封装的方法,不需要的话就不用)

   第三个红框停留到当前页面。

步骤三:在搜索的时候,渲染表格之前调用红框中的方法,主要用来保存搜索条件到缓存中,以便下次加载的时候用到。两个参数,第一个参数是当前页面自定义唯一标识,第二个参数是搜索条件的对象。(如果你需要保留搜索条件的话,就加上这个封装的方法,不需要的话就不用)

步骤四:

在点击工具条的时候,比如点击删除,编辑,修改等等...。加上这句话话设置当前页,参数是页面自定义唯一标识。此时如果是点击的编辑等需要跳转到子页面的操作,到这一步周就完成了。如果是点击的删除 这种只在当前列表页面的操作的时候,还需要加一个步骤才行,加的步骤详见第步骤五。

步骤五:注意看如果是类似于删除等等再当前页的操作才需要加这个步骤,不要笼统的加上了。三个参数:

第一个参数同上:页面自定义唯一标识

第二个参数:列表页面表格的id

第三个参数:表格渲染对象(详见步骤二中的第一个红框)。

到这里这个功能就完成了,欢迎提意见和留言。

---来自一个小时后的修改,第五步中的setPageNumAfter应该放在询问方法内部

猜你喜欢

转载自blog.csdn.net/nienianzhi1744/article/details/100564597