クエリーボタンをクリックしてからクエリーする

  • 作成者:ayuan0625
  • 編集回数:7次
  • 最終更新:ayuan0625 于 2021-09-29
  • 一.概要

    1.問題の説明

    ダッシュボードのbodyコンポーネントのにおけるウィジェットが、クエリパラメータが入力された直後に変化が反映されます。下の画像の通りです。

    08.gif

    そして、一般帳票のレポートパラメータパネルと同じように、クエリーボタンをクリックされた後に反映させるようにすることもできます。

    07.gif

    2.解決方法

    ウィジェット編集後のイベントで、「return false」を追加して、元のクエリの効果を防ぎ、クエリボタンで gotopage を使用してレポートブロックを更新し、パラメータ導入の効果を実現します。

    二.事例

    1.レポート設計

    1.ダッシュボードを新規作成し、bodyコンポーネントは絶対レイアウトにします。 下図のように、ラベルウィジェット、プルダウンチェックボックスウィジェット、ボタンウィジェット、レポートブロックをデザイナ画面にドラッグし、サイズとレイアウトを調整します。

    2.プルダウンチェックボックスウィジェットを選択し、ウィジェット名を a に設定して、データ辞書を定義します。

    カスタムデータ辞書は、下の画像の通りです。

    3.プルダウンチェックボックスウィジェットを選択し、編集後イベントを追加します。JSコードは以下のようです。

    return false;

    4.ボタンウィジェットを選択し、名をクリエに変更し、ウィジェットにクリックイベントを追加します。JSコードは以下の通りです。


    var a=_g().getWidgetByName('a').getValue();
    this.options.form.getWidgetByName("report0").gotoPage(1,"{a:'"+a+"'}",true);

    5.帳票ブロックのA1セルに数式split ($a ,',') を追加します。

    2.効果プレビュー

    帳票を保存し、 PC 側プレビューをクリックすると、説明のように表示されます。

    注意事項:モバイル端末はサポートされていません。

    Attachment List


    Theme: FineReport ダッシュボード
    • いいね
    • 良くない
    • 閲覧しただけ