我们先来看一张图片:
可以发现它的头部是一个tab选项卡,有发标待审核、正在借款标、失败借款标、已过期、流标、用户撤标。
如果按照按照最简单的写法,就是在控制器写6个查询的方法。这样会大大的增加我们的代码量。所有我们想了一个方法就是多条件查询。
因为,他们显示的数据是一样的,不同的就是他们的状态不一样。
这是我们就要用到layui里面table切换监听事件。
注意:用户打开这个页面的时候,是会显示第一个表格的数据的。
所有你要声明一个全局变量 var index =0;
并在第一个表格渲染完成后调用一次表格刷新。
下面的代码就是根据index(tab的索引)的值来进行对应的数据返回。
这样就可以不用一下刷新6个页面,而是点击那个tab就刷新那个tab。
这是不同状态的数据还会的一个处理的小方法,希望能帮到你们。