ここまでの手順で、コントロールをデータソースに連結しました。コントロールは、データソースのフィールドに対応する列を自動生成します。ここでは、自動生成される列、およびコントロールの既定の表示をカスタマイズします。設定する内容は次のとおりです。

• 列の削除
• ヘッダ テキストの変更
• 数値型セルの設定
• 日付時刻型セルの設定
• 列幅の変更
• 行の高さの変更

ここでは、SPREAD デザイナを使用します。SPREAD デザイナについて、詳しくは「SPREAD デザイナの使用」を参照してください。 

SPREAD デザイナの起動

MainWindow.xaml で GcSpreadGrid コントロールを右クリックし、コンテキストメニューから［SpreadGrid デザイナ］を選択すると SPREAD デザイナが起動します。

SPREAD デザイナには、データソースのフィールドに対応する列が生成され、フィールドのデータ型にもとづいてセル型が設定されています。

列の削除

コントロールに表示しない列を削除します。SPREAD デザイナで次の列を右クリックし、コンテキストメニューから［削除］を選択します。

• ThumbnailPhotoFileName
• LargePhoto
• LargePhotoFileName

ヘッダ テキストの変更

列ヘッダに表示するテキストを変更します。SPREAD デザイナのリボン メニュー［ホーム］タブの［ツール］グループから［ヘッダ デザイナ］を選択します。画面下に表示される［デザイナ］ペインで、各列のヘッダ セルに次のテキストを入力します。

• ProductPhotoID 列のヘッダ テキストは「ID」
• ThumbNailPhoto 列のヘッダ テキストは「写真」
• ModifiedDate 列のヘッダ テキストは「更新日」

設定が完了したら、リボン メニュー［ホーム］タブの［ツール］グループから［ヘッダ デザイナ］をクリックし、ヘッダ デザイナを閉じます。

数値型セルの設定

「ID」列は数値型セルに設定されています。既定で表示されるスピンボタンを非表示に設定します。「ID」列を右クリックし、コンテキストメニューから［セルの書式設定］を選択します。［セルの書式設定］ダイアログの［セル型］タブでは、セル型は「数値」に設定されています。［スピン］タブを選択し、スピンボタンを「非表示」に設定します。［OK］をクリックしてダイアログを閉じます。

日付時刻型セルの設定

「更新日」列は日付時刻型セルに設定されています。入力および表示書式を設定します。「更新日」列を右クリックし、コンテキストメニューから［セルの書式設定］を選択します。［セルの書式設定］ダイアログの［セル型］タブでは、セル型は「日付時刻」に設定されています。［フィールド］タブで入力書式を、［表示フィールド］タブで表示書式を設定します。次の書式を設定します。

• フィールド（入力書式）は「yyyy/MM/dd」
• 表示フィールド（表示書式）は「ggg e年M月d日」

（下の図はフィールド（入力書式）の設定）

設定が完了したら［OK］をクリックしてダイアログを閉じます。

列幅の変更

「更新日」列の幅を変更します。「更新日」列を右クリックし、コンテキストメニューから［列の幅］を選択します。「120」（ピクセル）に設定します。

行の高さの変更

既定の行の高さを変更します。SPREAD デザイナのプロパティ ウィンドウ上部のコンボボックスを「現在の選択範囲」から「SpreadGrid」に変更します。そして、DefaultRowHeight プロパティを「35」（ピクセル）に設定します。

設定が完了したら、リボン メニュー［ファイル］タブの［適用して終了］をクリックし、SPREAD デザイナを閉じます。Visual Studio［デバッグ］メニューから［デバッグ開始］を選択すると、ここまでの設定を反映した形式で ProductPhoto テーブルが表示されます。

はじめに戻る