layui table 表格两种赋值体式格局下,data分页结果


玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。

题目形貌:在换用ayui  table 来团体化项目表格时,发明设置url参数挪用背景效劳来赋值表格信息时会疏忽分页,直接悉数显现:效果如下图。可见悉数数据都显现出来了,连滚动条都出来了,涓滴没 有剖析分页信息与code的良苦用心。
                                                                                                                                                                                                                                                                                                                                                     

-玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。-

探究:归去对了一下官方文档的例子,发明参数都对。那就看看两个初始化属性吧

    1. 此路不通换路走 :设置url不可,那就看看设置data属性,效果发明能够完成一般分页。
    2. 找到了可行的,对比行不通的url要领,因而我决议去table.js文件看看两个要领有何分歧
    3. 本着进修的立场,我把table.js这个压缩文件睁开成了一样平常熟习的会换行的花样(注:一句一句按回车换的行)。
    4. 然后找到了“F.prototype.pullData” 这个初始化要领:发明了二者末了都是挪用“renderData
                 ”要领,区分在于两个要领在挪用前对参数的处置惩罚上有分歧
      1. 经由过程data参数的初始化要领有一句“data.concat().splice(s,a.limit),”经由过程设置的每页行数limit与前面页隐蔽了的数据截取以后页面须要的数据。如下图:                                                               
      2. 经由过程url参数的初始化要领没有这一步操纵,传的是悉数的数据,这就致使了第一页就显现了一切数据,如下图:                                                                                                                    
      3. 结论:是data参数初始化要领中对数据进行了加工截取处置惩罚使得分页有用

解决要领与思索:(1) 去投合layui的设想,转变背景效劳传入的参数,使得“t.data”为以后页的数据而非总的数据; (2) layui老是要完美的,就改他的代码好了:将谁人截取操纵的代码复制到url初始化方 法中。(3) 思索:为什么他们能写出源码,而我看都以为费力?

-玖富娱乐是一家为代理招商,直属主管信息发布为主的资讯网站,同时也兼顾玖富娱乐代理注册登录地址。