当ブログに掲載しているサンプルは、すべて利用者の自己責任という形でお願いします。
ただし、明らかな不具合がある場合、ご連絡いただければ、訂正記事を出します。
また、こちらのサンプルは、別のサイト等への公開、転載は一切禁止しています。
どうしてもと言う場合は、筆者にあらかじめご連絡ください。

テクてく Lotus 技術者 Slack に参加しよう!

2014年5月1日木曜日

リンクをクリックしたときにURLパラメータを追加する方法

こんにちは。今日は2014年5月1日です。つまり、2014年も3分の1が過ぎてしまった!!!ということになります。
んー・・・やりたいことはたくさんあるのに、遅々として進まない。でも時間だけが過ぎ去っていく。
ジレンマです。

ブログも4月は1件しか書いてないし・・・
XPagesアプリケーションを作成していたのですが、ブログにアップできるようなネタがなかったのが原因という言い訳です。

と言っても、それでは進まないので、ボタンをクリックしてから話をしましょう。
にほんブログ村 IT技術ブログへ


では、気を取り直して・・・

ページ間の遷移を行うのには、「リンクコントロール」を使います。
通常、指定したURLやXPageを開くだけだと思いますが、実はこの時、URLパラメータを追加することができます。

まずはリンクコントロールをドラッグアンドドロップして画面に配置します。
次に、このリンクをクリックしたときのページを選択します。
ここは、「home」というXPageを開くように設定します(下図参照)。
リンクタイプの選択

次に、「すべてのプロパティ」タブを開いて、[データ][parameters]を選択します。
[+][-]というアイコンがあるので、[+]をクリックして、各プロパティを設定します。
項目名説明
nameURLパラメータのパラメータ名
valueURLパラメータに設定する値。URLエンコードしておく必要がある

リンクコントロールのプロパティ

今回はURLパラメータ名は「usrName」、値はログインしているユーザ名の共通名部分とします。
値はJavaScript式で記述します(下図参照)。
URLパラメータに設定する値


これで設定完了です。
XPageを保存して、画面を開いた結果がこちらです。
わかりやすくするために、リンクを3つ配置してあります。

1つ目はデフォルトの状態(リンクタイプがURLになっています)。
リンクコントロールにマウスポインタを重ねると、画面下部にリンク先のURLが表示されますが、
この場合、現在のページのURLに「#」が付いただけの状態になっています。
リンクタイプがURLのまま


2つ目はリンクタイプを「ページを開く」に設定した状態です。
こちらは、リンク先のページとして設定した「home.xsp」を開くような形になっています。
リンクタイプを「ページを開く」にした状態

そして、3つ目。
URLパラメータを設定したものです。
home.xspの後に設定したURLパラメータがついているのがわかります。
URLパラメータを設定したリンクコントロール


こうして設定したURLパラメータはリンク先のページでは、
context.getUrlParameter( "パラメータ名" )
で取得することができます。

ページ間にまたがって、変数の値を保持しておきたいという時に利用できるでしょう。
リンクコントロールはよく使うものでしょうから、組み合わせてみてください。


では、今日はこの辺で・・・




ノーツでWeb化するならXPages!
ノーツアプリケーションの改修はXPagesで!







【PR】ノーツ/ドミノに関するお問い合わせは下記まで【PR】
単純なDBのカスタマイズから他アプリケーションとの連携までご要望にお応えします!
Lotus Notes/Domino カスタマイズとセキュリティ強化 - 株式会社エフ