読者です 読者をやめる 読者になる 読者になる

XPages:ビューにURLリンクを表示する

IBM-XPages

今回はWebのリンク集みたいなデータベースをXPages化して、Webブラウザ対応にします。

フォームのフィールドには、Subject、memo、URLがあり、ビューにはSubjectとmemoを表示してクリックするとURLのページを表示します。

 

前回と同様に文書から値を取得するために設定します。

ビューパネルの[すべてのプロパティ] - [データ] - [var]にrowdataと入力します(変数名は何でも可)

すみません、前回と変数名が変わっています。

f:id:ishimotohiroaki:20160106223421p:plain

 

 

リンクを表示させる列をテキストからHTMLに変更します。

f:id:ishimotohiroaki:20160106223834p:plain

 

 

リンクを表示したい列の[データ] - [value]にJavascriptを書きます。

f:id:ishimotohiroaki:20160106224037p:plain

 

今回は新しいページを開いてURLリンクに遷移します。

f:id:ishimotohiroaki:20160106224218p:plain

 

var url = rowdata.getDocument().getItemValueString("URL");
var subject = rowdata.getDocument().getItemValueString("Subject");
var memo = rowdata.getDocument().getItemValueString("memo");
if (url.isEmpty()) { return "URLなし"; } else { return "<a href='" + url + "' target='_blank'>" + subject + ">> " + memo + "</a>"; }

 

 

初めは、ビューからonClickのイベントで何とかしようとしてましたが全然できませんでした。

やってる途中で、「普通リンクをクリックしたら文書開くけどどうしたらいいんだろ?」考え初めてこの方法にたどり着きました。