slack

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

2010/04/21

OpenNTF XPages namepicker1.1a の紹介

今回は OpenNTF プロジェクトの YouAtNotes XNamepicker Control for XPages の紹介です。{Source}
現在は 1.1a で GPL V3 ライセンスのもとにあります。したがって、商用での使用やソースがオープンになっていないプロジェクトでの使用はできません。商用で使用したい場合には、作者にコンタクトが必要です。http://www.youatnotes.com/namepicker を参照してください。

ビデオでは、ダウンロードから簡単なデモで使用方法を説明しています。
実際のアプリケーションへの適用にはご自身でソースを確認する必要があります。


実際のアプリケーションの適用方法は、
以下の設計要素を自分のアプリケーションへコピーしてください。

  • 「youatnotesNamepicker」カスタムコントロール
  • 「ynNamepicker」と「ynNamepickerCustom」の JavaScriptライブラリ
  • 「ynNamepicker.css」スタイルシート。または自分のスタイルシートに組み込み
  • 「ynNamepicker_loading.gif」イメージファイル

コピー後、自分の Xpage に「youatnotesNamepicker」カスタムコントロールを配置してください
値を入れるフィールドのそばにボタンを追加し、以下のクライアント JavaScript コードを挿入してください
var elem = dojo.byId("#{id:}");
ynNamepicker(elem)

上記コードの""の部分は自分が配置した編集可能フィールド名に置き換えてください。

以上です。XPage を開いてボタンをクリックし、名前の検索と選択をし OK をクリックするだけです。

オプション:
ひとりしか選べないようにするには、ynNamepicker(elem) コールの直前に以下のコードを追加してください。
ynNamepickerRestrictToOneName = false;

0 件のコメント:

コメントを投稿