続いてにフォームで扱われるフィールドすべてをカスタムコントロール内に追加します。右側のコントロールタブをデータタブに切り替えます。左上の赤枠欄が[コントロールの選択]ダイアログボックス(使用可能)であることを確認し(使用不可になっていましたら、クリックで切り替えてください)、すべてのフィールドを選択し、カスタムコントロール最下部へドラッグアンドドロップします。データバインドコントロールの選択画面が表示されますので、【Time:】のコントロールを「日付ピッカー」から「計算結果フィールド」に変更し、OKしてください。これらコントロールは、実際の画面に表示する必要はありませんので、表全体を選択した状態で、【可視】のチェックを外します。XcWork_1ができましたので、保存して閉じます。※カスタムコントロールは、ページとしての構成が行われていないため、単体でプリビューすることができません。それでは最初に作成したm_XpWork_1に埋め込んでみましょう。m_XpWork_1をデザイナーで開きます。コントロールの最下部に「カスタムコントロール」が追加され、作成されたXcWork_1が使用できるようになっています。それではXcWork_1を出社と戻るボタンの間にドラッグアンドドロップします。下記のように、カスタムコントロールが配置されました。ソースを見てみましょう。ソース内では、カスタムコントロールは<xc:></xc:>タグでくくられた1行で表現されます。続いてm_XpWorkからm_XpWork_1へのリンクを作成します。m_XpWorkをデザイナーで開きます。「営業1部」のボタンを選択し、イベントを追加します。1部」のボタンを押してみましょう。下記のように表示されるはずです。合わせてボタンの動きも確認してみましょう。正剛」のボタンをクリックしてください。下記のようなメッセージが表示されますので、OKしてください。タイムレコーダーのトップ画面に戻ります。同様に、他の2名についてもテストしてください。最後に保存されたデータの確認です。タイムレコーダーをノーツクライアントで開きます。ビューは「日付順」しかありませんので、今回押された3レコードが表示されているはずです。今回は以上とさせて頂きます。次回は今回のカスタムコントロールをベースに、営業2部の出社及び両部署の退社までを作成予定です。Hagihara当ブログの記事は、私個人の経験談を中心とした見解・判断に基づく内容となります。記載内容や、ダウンロードコンテンツ等については、恐れ入りますが利用者様の自己責任でお願い致します。注)外部サイトへのリンク切れについては、先方の都合によるものとなりますので、ご了承ください。