JS カスタムツールバーボタンでパラメータバーの表示/非表示を制御

1.バージョン

2.応用シーン

一般帳票の改ページプレビュー際に、ボタンをクリックすることで変数パネルの表示/非表示を実現したい場合があります。以下の図のように：

3.実現の考え方

一般帳票において、[テンプレートWeb属性]-[改ページプレビュー設定]をクリックし、カスタムボタンを追加し、[カスタムイベント]を設定することで、変数パネルの表示/非表示を実現します。

1.テンプレートの準備

テンプレートをダウンロードするにはこちらをクリックしてください：

Parameter.cpt

2.ボタンの追加

1）テンプレートを開き、[テンプレート]-[テンプレートWeb属性]-[改ページプレビュー設定]をクリックし、[テンプレート個別設定]を選択し、ツールバーにカスタムボタンを追加します。以下の図のように：

2）ツールバーボタンの設定画面に入り、ボタン名を「パラメータバーを表示」に設定し、[カスタムイベント]をクリックしてJSコードを追加します。以下の図のように：

JavaScriptコードは以下のとおりです：

$('.parameter-container').css('visibility','visible');

3）同様の方法で、もう1つのカスタムボタンを追加します。以下の図のように：

JavaScriptコードは以下のとおりです：

$('.parameter-container').css('visibility','hidden');

3.効果プレビュー

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

テンプレートを保存し、[改ページプレビュー]をクリックすると、効果は以下の図のように：

テンプレートをダウンロードするにはこちらをクリックしてください：

07-JSによるカスタムツールバーボタンでパラメータバーの表示と非表示を制御.cpt