说明

分页查询控件用于实现表格等的分页查询

该控件利用已有的对象完成

目前可以实现的功能:

效果

和表格控件结合的效果:

演示效果画面文件:grid.page

方法

完整示例

在画面上拖放:

画面onLoad脚本写入:

pkcombobox.setOptions("combo1",[{"text":"1","value":"1"},{"text":"2","value":"2"},{"text":"3","value":"3"}]);
pkpager.bindPrevPageCtrl("lastPage");
pkpager.bindNextPageCtrl("nextPage");
pkpager.bindCurrentPageCtrl("currentPageNo");
pkpager.bindTotalPageCtrl("totalPageNum");
pkpager.bindTotalRecordCtrl("totalRecordNum");
pkpager.bindGotoPageCtrls(["page1","page2", "page3","page4","page5"]);
pkpager.setPageSize(4);

pkpager.queryBySQL(pkdb, "select id,name,description from t_device_tag",function(result){

pkgrid.clearRows("grid1");
pkgrid.addRows("grid1", result.obj.rows);

pksys.log("total record num:"+pkpager.getRecordCount());
pksys.log("currentPage:"+pkpager.getCurrentPage());
pksys.log("pageCount:"+pkpager.getPageCount());
pksys.log("getPageSize:"+pkpager.getPageSize());
pkcombobox.setValue("combo1",pkpager.getCurrentPage());

});

进入画面会显示,并可以点击上一页、下一页按钮,当前页码会跟着改变: