掲示文書の新規作成ボタンを作成します。7日目:入力欄の表示幅を設定します。必須入力チェックを設定します。アプリケーションの作成これから開発するアプリケーションで必要になるフォームとビューを作成します。この部分は従来のノーツアプリケーション開発と同様です。2日目から始めて頂いてもかまいません。1日目の完成版になります。ローカルに作成してください。以下を参考にしてください。運用ルールに従った管理者ユーザーなど)フォームの作成今回作成するアプリケーションはシンプルな掲示板になります。掲示内容を入力する為のフォームを作成します。開発で利用するのは、主にフィールドの情報になります。レイアウト関連は利用されませんので自由に作成してください。形式で保存する」を有効にする。形式で保存するビューの作成作成日の降順に表示する「作成日順」ビューを作成します。開発で利用するのは、主に列の情報になります。側での設定になります。(式)作成日降順カテゴリなしDateCreated作成者なし@Name([Abbreviate];Author)件名なしSubjectフォームとビューの動作確認本日作成したフォームとビューの動作を確認します。翌日からの開発の為に数文書のテストデータを入力しておきます。掲示フォームのイメージ次回について本日は以上になります。表示画面を作成していきます。使ってフォーム画面を作成します。ファイルを利用して本日の開発を始めてください。XPage」ボタンをクリックします。XPage」作成ダイアログが表示されます。「データソースをページに追加」にチェックをつけます。その他の設定は、以下の表に従って入力してください。画面の呼び出しなどに使用されます。するデータが、ノーツの文書またはビューなのかを定義します。MainTopicどのフォームと関連付けるかを設定します。使用する場合のノーツ文書のオブジェクト名です。フォームの検証の実行両方文書ロード時、または文書保存時にフォーム上の計算を実行するかどうかの設定です。「両方」を設定すると、文書ロード時と文書保存時にそれぞれフォーム上の計算が実行されます。上で処理を記述する手間が省けます。動作に癖がありますのでご注意ください。「OK」をクリックします。作成され、空の画面が表示されます。その為、「コントロール」や「データパレット」などの画面をビューと呼んでいます。文字だけですとノーツのビューと混乱するかと思います。画面右側にある「データパレット」ビューを選択します。【メモ】参照※タブの部分にカーソルを重ねるとタブ名が表示されます。データパレットフィールドを画面に配置する前に、「コントロールの選択」ダイアログボックスが使用可能になっているかを確認します。下図のアイコンにカーソルを重ねるとメッセージが表示されます。使用可能になっていることを確認してください。使用不可の場合、アイコンの左下隅には×が表示されています。」に表示されているフィールドをすべて選択します。画面にドラッグ&ドロップします。ドロップする位置は、空白の画面のどこでもかまいません。配置ドロップすると「データバインドコントロールの選択」ダイアログが表示されます。9)基本的にデフォルトでは、編集可能なコントロールに設定されています。「データバインドコントロールの選択」ダイアログ各コントロールを以下のように変更してください。設定変更後、「OK」をクリックしてください。設定に従って、表の中にコントロールが配置されます。コントロールの配置後の画面各コントロールの設定画面に配置した各コントロールの設定を行います。クリックしてプロパティを開き、「ラベル」タブの「ラベル」を変更してください。変更後のイメージ作成した画面の確認作成した画面をプレビューで確認する前に「自動的にビルド」が有効になっているかを確認してください。メニューの<プロジェクト>-<自動的にビルド>にチェックが付いていることを確認します。自動的にビルドが無効な場合について「自動的にビルド」が有効になっていない場合、プレビュー時に以下のようなダイアログが表示されることがあります。プレビュー>をクリックします。プレビュー方法についてツールバーのノーツクライアントのアイコンからもプレビューすることが可能です。プレビューアイコン保存していない場合、確認のダイアログが表示されます。18)「はい」をクリックします。プレビュー表示されます。表示項目の誤字や編集可能/不可などに問題がないかを確認してください。フォームのプレビュー表示次回について本日は以上になります。ビュー画面を作成していきます。使ってビュー画面を作成します。ファイルを利用して始めてください。XPage」ボタンをクリックします。(1)「データソースをページに追加」にチェックをつけます。その他の設定は、以下の表に従って入力してください。画面の呼び出しなどに使用されます。するデータが、ノーツの文書またはビューなのかを定義します。DeteCreatedViewどのビューと関連付けるかを設定します。使用する場合のビューのオブジェクト名です。(2)「OK」をクリックします。作成され、空の画面が表示されます。XPage」画面コントロールの配置画面右側にある「データパレット」ビューを選択します。※タブの部分にカーソルを重ねるとタブ名が表示されます。2日目と同様に、データパレットのデータソース「view1」に表示されている列をすべて選択します。ドロップする位置は、空白の画面のどこでもかまいません。配置「コントロールの選択」ダイアログボックスが使用可能になっていた場合、ドロップすると「データバインドコントロールの選択」ダイアログが表示されます。デフォルトでは、ビューの列コントロールに設定されています。ビューではデフォルト設定のままでかまいません。「データバインドコントロールの選択」ダイアログ「OK」をクリックします。(使用不可になっていて表示されなかった場合はそのまま進めてください)ビューに必要なコントロールが配置されます。7)※デフォルト状態だと、ビューの幅が狭くなっています。次のステップで幅を調整していきます。コントロールの配置後の画面各コントロールの設定画面に配置した各コントロールの設定を行います。全体の設定を行います。ビューコントロールをクリックしてプロパティを開き、「ビュー」タブを以下のように設定してください。パーセントビューの表示幅を画面に対してパーセントで指定幅よりこちらを先に指定してください。ビューの幅について筆者の環境では、時々「幅」の項目を変更していると、グレーアウトして入力できなくなる場合がありました。その場合、「単位」を一度別のものに変更して、再度パーセントにすると幅が変更できるようになりました。同様の現象が発生した場合は参考にしてください。ビューの列コントロールをクリックしてプロパティを開き、「表示」タブを以下のように設定してください。9)設定項目値補足列の値をリンクとして表示する有効文書を開くリンクとして表示します。列の値をリンクとして表示する作成した画面の確認2日目と同様に、作成した画面をプレビューで確認します。ビューのプレビュー表示件名のリンクをクリックして、文書が開くかを確認します。リンクの動作確認次回について本日は以上になります。