1

最近、プロジェクトに Google テーブル チャートを追加しています。私の仕事は、それに数値ページャーを追加することです。しかし、私は追加することしかできません

options['pagingSymbols'] = {prev: 'prev', next: 'next'}; options['pagingButtonsConfiguration'] = 'auto';.

次と前のボタンのみが表示されます。どうすれば数値ページングに変更できますか。前もって感謝します。

4

1 に答える 1

2

グラフのカスタム イベント ハンドラーを作成する必要があります。たとえば、次のように dataView を使用して 10 行のデータを取得できます。

var dataView = new google.visualization.DataView(data);
var page = 1;
dataView.setRows(page * 10 - 9,page * 10);

次に、チャートの下に任意の方法 (画像など) でボタンを作成し、それぞれにイベントを添付できます。そのイベントの間にページ番号を表示することができます。その後、< または > ボタンをクリックすると、次のような関数呼び出しによってページと番号が変更されます。

page = page + 1; // Obviously -1 for the minus button
dataView.setRows(page * 10 - 9,page * 10);

次に、ページ番号が存在するドキュメントに「ページ」を書き込みます。次を使用してデータの最大行を調べることにより、現在/最大のページ値を実行できます。

var maxPage = data.getNumberOfRows();

次に、ある種のエラー トラップ関数を作成できます (最初のページで「戻る」をクリックした場合、または最後のページで「次へ」に移動しようとした場合)。または、ボタンをグレーアウトすることもできます。または、最後のページにループさせることもできます。または何でも。

変更を加えるたびに、実際のデータの代わりに dataView を使用してテーブルを再描画するだけです。

于 2013-01-23T06:24:56.883 に答える