リストビューを作成する

■リストビューを作成する

ページにリストビューを作成します。

リストビューの仕組みについては　リストビューとは　を参照してください。

1　リストビューに表示するテーブルを用意します。

2　ページでリストビュー領域にする範囲を選択します。

テーブルのデータが表示できるように十分なセル範囲を選択します。

3　データ連結するテーブルをナビゲーションウィンドウから選択領域にドラッグ＆ドロップします。

選択した範囲がリストビュー領域になりテーブルとデータ連結されます。

セルを選択して［ホーム］→［リストビューとして設定］をクリックしてもリストビュー領域を設定することができます。

4　行テンプレートで表示するフィールドに従ってセル幅を［セルの結合］などを使って調整します。

5　表示するフィールドをナビゲーションウィンドウから行テンプレートにドラッグ＆ドロップします。

ナビゲーションウィンドウでテーブル名横の［］をクリックするとフィールド名が表示されます。
このフィールドが列となります。

フィールドとデータ連結すると次のような表示となります。

6　行テンプレートの表示形式を設定します。

行テンプレートに設定した表示形式でフィールドのデータが表示されます。
（例）入社年を年月表示にして右寄せ表示に設定

7　［ホーム］→［（デバッグ）］をクリックして表示を確認します。

行テンプレートのセルにデータ連結の設定を行うと、連結したフィールド名が自動的にヘッダーセルの値として設定されます。
列ヘッダーのセルを直接ダブルクリックすると、ヘッダー名を変更することができます。
［リストビューツール］→［列ヘッダー］のチェックをOFFにすると、リストビューの列ヘッダーは表示されなくなります。

行ヘッダーを設定すると、行テンプレートの左端のセルが行ヘッダーとして設定されます。
行ヘッダーに設定されたセルがデータ連結されておらず、かつ固定値も設定されていない場合、行ヘッダーにはExcelと同じように1、2、3……と数字が表示されます。

■リストビューを設定する

リストビューの表示、動作などを設定します。

１　設定するリストビュー上を右クリックして［リストビュー設定］をクリックします。

または、リストビューを選択して、［リストビューツール－デザイン］で［ヘッダー］、［交互行］、［更新処理］の［］アイコンをクリックします。

２　「リストビュー設定」ダイアログには、［外観］、［動作］、［グローバル設定］の3つのタブがあります。

［リセット］をクリックすると初期設定に戻すことができます。

●［外観］タブ

リストビューの色など外観を設定します。

列ヘッダー	1行目に列ヘッダーを表示します。
行ヘッダー	1列目に行ヘッダーを表示します。
枠線	セルの枠線を表示します。
フォーカスを取得していないときは選択枠を表示しない	リストビューがアクティブな状態ではないときは、選択枠を表示しません。
奇数行の色/偶数行の色	奇数行、偶数行で交互に背景色を塗り分けます。
空白エリアの背景色	リストビューの領域内で、セルが存在しないエリアの背景色を設定します。
選択時の背景色	選択したエリアで、最初に選択したセル以外のエリアの背景色を設定します。
選択時の枠線の色	選択したエリアの枠線の色を設定します。

●［動作］タブ

リストビューでの編集などの動作を設定します。

編集を許可	データの編集を許可します。
新規行の追加を許可	新しい空白行が表示され、入力が可能になります。
削除を許可	行内を選択すると［☓］アイコンが表示されます。［☓］アイコンをクリックすると削除を確認するダイアログが表示されます。
オートフィルを許可	Excel同様にセル右下をドラッグしてオートフィルをすることができます。
ドラッグによる移動を許可	セルをドラッグして移動することができます。
セル/行	選択単位をセルまたは行に設定します。
列全体を選択する/その列をキーとして並び替えを行う	列ヘッダーのクリック時の動作を設定します。なお、並び替えが行える列はデータ連結が設定されている列に限ります。
Tabキーによるリストビューへのフォーカス移動を許可する	この設定をオフにすると、リストビュー以外の要素にフォーカスがあるときに【Tab】キーでフォーカスを移動しても、リストビューをスキップするようになります。
固定する先頭列の列数	横スクロール可能なリストビューの場合に、左端側の固定する列（横スクロールの対象に含めない列）の数を指定します。
固定する最終列の列数	横スクロール可能なリストビューの場合に、右端側の固定する列（横スクロールの対象に含めない列）の数を指定します。
固定列の境界線色	固定列との境界線の色を指定します。

●［グローバル設定］タブ

リストビューのヘッダー部の背景色、文字色、罫線色を設定します。
この設定はアプリケーション内のすべてのリストビューに共通して適用されます。

ヘッダー（通常時）	フォーカスがない状態
ヘッダーハイライト時	フォーカスがある行または列のヘッダー
ヘッダーマウスオーバー時	行または列のヘッダーにマウスオーバーした状態
ヘッダー選択時	ヘッダーが選択された状態