最初のステップはクエリを構築することです
1. カスタム クエリ ステートメント: ${f} は開始ページ、${p} はページ数、初期値は図に示すとおりです。
select * from tablelimit ${f},${p}
p の初期値を設定するか、上図のパラメータをハードコードして初期ページをページとして設定できます。デフォルトは 1 (ページの値) です。
ステップ 2: カスタム ボタン 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 はクエリされた行の合計数です。
=$ページ-1 =$ページ+1 ds2.G(zs) =$ページ ="/"
最初のボタンのホームページの js を定義する
window.location.href="${servletURL}?viewlet=报表.cpt&op=write&page=1";//链接到fenye.cpt,page 参数=1,代表第一页。
2番目のボタン前のページ
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就正常跳转,否则显示页面超过指定的范围,这个控件设置不可以使用。
3番目のボタンの現在のページ
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
});
4 番目のボタンの改ページ: 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
//判断总页数是不是整数,不是加一,并跳转到最后一页。
3 番目の部分は結果を示しています。