分页

分页的方法有：自由标注和数据绑定。

1.在提示区中选择<ul>→逻辑→数据绑定→绑定模式：数组绑定→绑定参数：page→绑定变量初始化：{"currentpage":0}。

2.在提示区选中<li>标签→逻辑→逻辑→产生效果：绑定数据编程→高级编辑：

if ( _ko.dataFor(_ctx.self[0]).state() !== "disabled") {
_vm.currentpage(_ko.dataFor(_ctx.self[0]).cpage()) ;
_vm.syncpage(1);
}

3.选中<li>标签→逻辑→数据绑定→绑定模式：css类绑定→绑定参数：{"disabled":state() =="disabled","active":state() =="active"}

4.在提示区选中<a>标签→逻辑→数据绑定→绑定模式：文本内容绑定→绑定参数：ctx

5.选中<a>标签→逻辑→逻辑→额外逻辑：事件控制→高级编辑：默认设置即可。

6.在一个层中插入“同步数据元素”。右键点击同步数据元素→获取数据元素设置→需要提交的页面数据层的变量：currentpage

7.右键点击同步数据元素→逻辑→数据绑定:属性绑定：{"data--sync":syncpage}；绑定变量初始化：{"page":[{"ctx":"上一页","cpage":1,"state":"disabled"},{"ctx":1,"cpage":1,"state":"active"},{"ctx":2,"cpage":2,"state":""},{"ctx":3,"cpage":3,"state":""},{"ctx":4,"cpage":4,"state":""},{"ctx":"下一页","cpage":2,"state":""}],"syncpage":""}

8.在后端代码中，输入参数写currentpage,search(如果有搜索就写)

9.插入标准查询起始位置：输入参数→选择输入参数:currentpage→支持分页:true→结果保存到:临时空间

10.插入分页（插入分页代码段不是分页模板代码段）

总数据的长度：临时变量→手动填写tmp_data中的变量名：TABLEINFO.表名.total,
偏移量：临时变量→手动填写tmp_data中的变量名：TABLEINFO.表名.from,
读取数量：临时变量→手动填写tmp_data中的变量名：TABLEINFO.表名.size

11.插入变量采集器采集对象:临时变量→变量名称为 page

12.返回值："page":tmp_data.page.pages

如果要修改返回数据的条数

1.在提示区中选择<select>→逻辑→数据绑定→绑定模式：表单元素值绑定→绑定参数：size

2.在同步数据元素的逻辑中绑定变量初始化 size:页面默认显示的条数

3.在同步数据元素的获取数据设置中监听size

4.在输入参数中写size

5.在标准查询代码段中返回数量：输入参数，选择输入参数：size

自由标注方法

1. 进入页面点击分页编辑，点击源码进行编辑：

1.1 给分页做标注（参考手册：数组标注）

1.2 给分页做一个判断，如果状态是不可点的，就不刷新页面；否则，就从第几条数据开始跳到一个新页面。(参考手册：条件标注）如下：

%3Ccode%3E%26lt%3Bli%20class%3D%26quot%3Btext-right%20%7B%7B%3Dvalue1.state%7D%7D%26quot%3B%26gt%3B%7B%7B%3F%20value1.state%3D%3D%26amp%3Bquot%3Bdisabled%26amp%3Bquot%3B%7D%7D%26lt%3Ba%20href%3D%26quot%3Bjavascript%3Avoid%280%29%26quot%3B%26gt%3B%7B%7B%3Dvalue1.ctx%7D%7D%26lt%3B/a%26gt%3B%7B%7B%3F%3F%7D%7D%26lt%3Ba%20href%3D%26quot%3B/rw/curpn-%7B%7B%3Dvalue1.cpage%7D%7D/mttd.html%26quot%3B%26gt%3B%7B%7B%3Dvalue1.ctx%7D%7D%26lt%3B/a%26gt%3B%7B%7B%3F%7D%7D%26lt%3B/li%26gt%3B%3C/code%3E

2. 点击html的编辑：

2.1 设置输入参数，v、curpn，输入方式均为GET。

2.2 添加代码段

2.2.1 插入自定义代码段，其内容为：

tmp_data.version = tmp_data.version || inputs.v;

tmp_data.startOffset = 0;
if (typeof inputs.curpn !== "undefined") {
if (typeof inputs.curpn === "string")
tmp_data.startOffset = parseInt(inputs.curpn);
if (tmp_data.startOffset < 0) {
tmp_data.startOffset = 0;
}
}
 
 
;

2.2.2 插入标准查询代码段：

a：返回数量→固定值→常数返回数量：根据页面要求而定

b：选中标准查询代码段，在下图位置添加此代码，把from=0替换成下面的代码：

if (_.isNumber(tmp_data.startOffset)) {
from = tmp_data.startOffset;
} else if (_.isString(tmp_data.startOffset)) {
from = parseInt(tmp_data.startOffset.trim());
}
console.log(tmp_data.startOffset);

2.2.3 插入分页代码段：

总数据的长度：临时变量→手动填写tmp_data中的变量名：TABLEINFO.表名.total

偏移量：临时变量→手动填写tmp_data中的变量名：startOffset

读取数量：固定值→填写固定值：根据页面要求而定

2.2.4 插入采集代码段：采集对象→临时变量→变量名称：pages

2.2.5 返回值：

"pages": tmp_data.pages.pages,
"currentpage": tmp_data.pages.currentpage,

查看视频