Skip to main content link. Accesskey S
  • Log In
  • Help
  • IBM Logo
  • IBM Notes and Domino Application Development wiki
  • All Wikis
  • All Forums
  • Home
  • Product Documentation
  • Community Articles
  • Learning Center
  • IBM Redbooks
Community Articles Product Documentation Learning Center IBM Redbooks This category Redbooks Wiki: Best Practices for Domino 8.0 Web Application Development Redbooks Wiki: Building Domino Web Applications using Domino 8.5.1 Redbooks Wiki: Creating Plugins for Lotus Notes, Sametime, and Symphony Redbooks Wiki: Lotus Domino Development Best Practices Custom Search Scope...
Search
Community Articles > 日本語 - Japanese > XPagesでのタグクラウドコントロールの利用方法
  • New Article
  • Share Show Menu▼
  • Subscribe Show Menu▼

About the Original Author

Masahiko Miyo
Contribution Summary:
  • Articles authored: 4
  • Articles edited: 1
  • Comments Posted: 0

Recent articles by this author

XPagesにおける日付/時刻型データの取り扱い

XPagesで日付時刻型のデータを取り扱う方法及び注意点について記述します。

XPages Extension Library「Accordion」の利用

XPages Extension Library「Accordion」の利用方法について記述する。

XPages Extension Library「Dojo Accordion Container」と「Dojo Accordion Pane」の利用

XPages Extension Library「Dojo Accordion Container」及び「Dojo Accordion Pane」の利用方法について記述する。

XPagesでのタグクラウドコントロールの利用方法

Lotus NotesDomino 8.5.3 Upgrade Pcak 1 では、XPages アプリケーションを円滑に作成するためのコントロールがいくつも追加されました。その中の一つである、タグクラウド(Tag Cloud)コントロールの設定方法について説明します。

Community articleXPagesでのタグクラウドコントロールの利用方法

Added by Masahiko Miyo | Edited by Masahiko Miyo on October 4, 2012 | Version 9
  • Edit
  • More Actions Show Menu▼
Rate this article 1 starsRate this article 2 starsRate this article 3 starsRate this article 4 starsRate this article 5 stars
expanded Abstract
collapsed Abstract
Lotus Notes/Domino 8.5.3 Upgrade Pcak 1 では、XPages アプリケーションを円滑に作成するためのコントロールがいくつも追加されました。その中の一つである、タグクラウド(Tag Cloud)コントロールの設定方法について説明します。
Tags: Extension Library, XPages Extension Library Japan Project
ShowTable of Contents
HideTable of Contents
  • 1 はじめに
  • 2 事前準備
  • 3 Xpage(もしくはカスタムコントロール)の作成
  • 4 その他のプロパティ
  • 5 ビューページとの連携
  • 6 作成したタグクラウドの確認

はじめに

Lotus Notes/Domino 8.5.3 Upgrade Pcak 1 では、XPages アプリケーションを円滑に作成するためのコントロールがいくつも追加されました。その中の一つである、タグクラウド(Tag Cloud)コントロールの設定方法について説明します。

事前準備

タグクラウドコントロールを利用するには、あらかじめビューを作成しておく必要があります。

このビューは、カテゴリ別のビューとして作成しておく必要があります。

カテゴリ別にする列は、何列目にあっても構いません。

また、カテゴリ別にする列は、複数あっても良いですが、その場合、タグクラウドコントロールに利用できるのは、一番左側にある列だけです。

ビューの1列目はカテゴリ別にすること

 

カテゴリ別ビュー

 

Xpage(もしくはカスタムコントロール)の作成

1.タグクラウドコントロールを配置するXPage(もしくはカスタムコントロール)を作成します。

2.タグクラウドコントロールは、コントロールビューの[Extension Library]タブに、「Tag Cloud」という名前であるので、それをドラッグ&ドロップします。

Tag Cloudコントロールを追加

 

3.タグクラウドコントロールのプロパティビューを開き、その中の[すべてのプロパティ]タブを開きます。

4.「データ」セクションに、cloudDataという項目があるので、そこをクリックします。すると、「値」の欄に[+]というアイコンが表示されるので、それをクリックします。

Tag Cloudにデータを追加する

 

5.「xe:dominoViewCloudData」というデータが作成され、そのデータのプロパティが表示されるます。

6.viewNameプロパティに、【事前準備】で作成したビューの名前を入力します。(▼をクリックすると、ビューの一覧が表示されるので、そこから選択すればよいです)

7.同じくcategoryColumnに、カテゴリ別の列が何列目なのかを入力します。(一番左の列の場合、何も入力しないか、0を入力します(2番目の列なら1、3番目の列なら2・・・と入力します)

8.同じくsortTagsプロパティに「weight」という値を設定します。(デフォルト値のalphabetだと、カテゴリの内容が日本語の場合、正しく動作しないようです)

Tag Cloudのプロパティ

これで、タグクラウドコントロールの設定は完了です。

その他のプロパティ

上記の他、設定しておくと良いパラメータについて説明します。

linkTargetPage:タグクラウドに表示されたタグをクリックしたときに表示するページを指定します。

linkRequestParam:タグクラウドでクリックされた値をURLパラメータとして渡すときの、URLパラメータの名前を指定します。

「基本セクション」にあるsliderVisible:タグクラウドの数を絞り込むためのスライダーバーを表示するかしないかを指定します。(デフォルトはfalseで表示しない)

TagCloudのその他のプロパティ

ビューページとの連携

タグクラウドコントロールに、linkTargetPageとlinkRequestParamを設定すると、タグクラウドで選択した値だけをビューで表示するように出来ます。

その設定方法について説明します。

1.Xpage(もしくはカスタムコントロール)に、ビューコントロールを追加します。

2.ビューのデータソースは、【事前準備】で作成したビューを設定します。

3.「カテゴリ名によるフィルタリング」プロパティの欄にある◇をクリックして、「値の計算...」をクリックします。

カテゴリによるフィルタリングの設定

4.スクリプトエディタが表示されるので、次のように入力します。

  context.getUrlParameter("linkRequestParamで指定した名前")

  下図では、CategoryFilterという名前を指定しています。

スクリプトエディタの式

これで、タグをクリックすると、選択した値でビューが絞り込まれた形で表示されます。

動きとしては、埋め込みビューの単一カテゴリをイメージすると分かりやすいのではないでしょうか?

 

作成したタグクラウドの確認

作成したタグクラウドを含む XPage の画面は以下のようになります。

Tag Cloudのプレビュー

 

さらに、タグにマウスカーソルを当ててみます。すると、画面下にURLが表示されます。

URLパラメータの確認


  • Edit
  • More Actions Show Menu▼


expanded Attachments (0)
collapsed Attachments (0)
Edit the article to add or modify attachments.
expanded Versions (9)
collapsed Versions (9)
Version Comparison     
VersionDateChanged by              Summary of changes
This version (9)Oct 4, 2012 1:44:41 AMMasahiko Miyo  
8Mar 18, 2012 3:13:07 AMMasahiko Miyo  
7Mar 18, 2012 1:37:09 AMHiroaki Komine  IBM contributor
6Mar 18, 2012 1:34:06 AMHiroaki Komine  IBM contributor
5Mar 18, 2012 12:14:44 AMHiroaki Komine  IBM contributor
4Mar 18, 2012 12:05:30 AMHiroaki Komine  IBM contributor
3Mar 17, 2012 10:05:18 PMMasahiko Miyo  
2Mar 17, 2012 9:47:36 PMMasahiko Miyo  
1Mar 17, 2012 8:00:40 PMMasahiko Miyo  
expanded Comments (0)
collapsed Comments (0)
Copy and paste this wiki markup to link to this article from another article in this wiki.
Go ElsewhereStay ConnectedHelpAbout
  • IBM Collaboration Solutions wikis
  • IBM developerWorks
  • IBM Software support
  • Twitter LinkIBMSocialBizUX on Twitter
  • FacebookIBMSocialBizUX on Facebook
  • ForumsLotus product forums
  • BlogsIBM Social Business UX blog
  • Community LinkIBM Collaboration Solutions
  • Wiki Help
  • Forgot user name/password
  • Wiki design feedback
  • Content feedback
  • About the wiki
  • About IBM
  • Privacy
  • Accessibility
  • IBM Terms of use
  • Wiki terms of use