第一步構建查詢
1.自定義查詢語句：${f}爲開始頁，${p}爲一頁數量，初始值如圖
select * from table limit ${f},${p}
設置p的初始值，也可以在上圖的參數寫死，設置初始頁面爲第幾頁，默認爲1（page的值）。
第二步：自定義按鈕7個按鈕：
設置填報或者分頁預覽的模板web屬性，設置爲該模板自定義：
然後設計加載結束事件
var toolbar = contentPane.toolbar;
var items = toolbar.options.items;
var customButton=items[2];//JQUERY取我們的工具欄上的按鈕.items[2]代表的是第三個，也就是那個顯示成文本框按鈕。
//修正這個按鈕的屬性，讓它變成文本類型，居中，鼠標放上次圖標是編輯狀態。
var cellValue = contentPane.curLGP.getCellValue("D1");//獲取D1單元格的值就是page,也就是當前頁。
customButton.setText(cellValue);
var total=contentPane.curLGP.getCellValue("C1");
if (total>parseInt(total)){
total=parseInt(total)+1;
}
contentPane.toolbar.options.items[4].setText(total);
//把總頁數顯示在第5個控件上，因爲這個數值可能是小數，所以判斷下要不要加一處理。
contentPane.toolbar.options.items[3].setText(contentPane.curLGP.getCellValue("E1"));
這幾個值來自單元格的第一行：A1,B1,C1,D1,D1的單元格的值，其中C1爲查詢的總行數
=$page-1 =$page+1 ds2.G(zs) =$page ="/"
定義第一個按鈕首頁的js
window.location.href="${servletURL}?viewlet=報表.cpt&op=write&page=1";//鏈接到fenye.cpt，page 參數=1，代表第一頁。
第二個按鈕上一頁
var page= $("tr[tridx=0]","div.content-container").children().eq(0).html(); //取第一行第一個單元格內容。
if(page==0)
{
this.setEnable(false);
alert("頁面超出指定的範圍");
}
else
window.location.href="${servletURL}?viewlet=報表.cpt&op=write&page="+page//如果沒有小於1就正常跳轉，否則顯示頁面超過指定的範圍，這個控件設置不可以使用。
第三個按鈕當前頁
var toolbar = contentPane.toolbar;
var items = toolbar.options.items;
var customButton=items[2];
var inner = customButton.$table;
var btnWrapper = $("em", inner);
var $input = $("input", btnWrapper);
//取這個控件
$input.blur(function(){
var toolbar = contentPane.toolbar;
var items = toolbar.options.items;
var customButton=items[2];
var inner = customButton.$table;
var btnWrapper = $("em", inner);
var $input = $("input", btnWrapper);
var page=$input.val();
var total=$("tr[tridx=0]","div.content-container").children().eq(2).html();
if (total>parseInt(total)){total=parseInt(total)+1;
}
if(parseInt(page) > parseInt(total) || parseInt(page) < parseInt(1) )
{
alert("你輸出的頁數不再指定範圍內");
}
else
window.location.href="${servletURL}?viewlet=報表.cpt&op=write&page="+page
});
第四個按鈕分頁符：第5個按鈕總頁數，無js事件
第6個按鈕下一頁
var page= $("tr[tridx=0]","div.content-container").children().eq(1).html();
var total=$("tr[tridx=0]","div.content-container").children().eq(2).html();
//JQURUY取下一頁和總頁數
if (total>parseInt(total)){total=parseInt(total)+1;
}
//判斷總頁數是不是整數，不是加一
if(parseInt(page) > parseInt(total))
{
this.setEnable(false);
alert("頁數超出指定範圍內");
}
else
window.location.href="${servletURL}?viewlet=報表.cpt&op=write&page="+page
//如果下一頁在這個範圍就跳轉到那裏
第7個按鈕尾頁
var total=$("tr[tridx=0]","div.content-container").children().eq(2).html();
//取總頁數。
if (total>parseInt(total)){total=parseInt(total)+1;
}
window.location.href="${servletURL}?viewlet=報表.cpt&op=write&page="+total
//判斷總頁數是不是整數，不是加一，並跳轉到最後一頁。
第三部展示結果：
