 |
||||||||||||
|
||||||||||||
| 前のページ 1 2 3 4 次のページ | ||||||||||||
|
||||||||||||
| 開発ステップ4：ユーザインターフェースの設計 | ||||||||||||
|
では、最後にユーザインターフェースを設計します。まず表示のためのコンポーネントをフォーム上に配置しましょう。 |
||||||||||||
| フォーム上にコンポーネントを置いてユーザインターフェースの設計を行う | ||||||||||||
|
ツールパレット上のTDBGrid、TDBNavigator、TDBEditコンポーネントをダブルクリックし、フォーム上にコンポーネントを置き、マウスを使って適切なレイアウトに変更します（図8）。  図8：ユーザインターフェースの設計 （画像をクリックすると別ウィンドウに拡大図を表示します） |
||||||||||||
| DataFieldプロパティに表示するフィールを設定する | ||||||||||||
|
まずTDBEditコンポーネント上にCUSTOMERテーブルのCUSTOMERフィールドの値を表示させます。ではオブジェクトインスペクタ上でTDBEditコンポーネントのDataSourceプロパティに、CUSTOMERテーブルに関連付けられたDataSource2を設定し、DataFieldプロパティに表示するフィールドであるCUSTOMERを設定します（図9）。  図9：DBEditのプロパティ設定 |
||||||||||||
| マスターのテーブルであるCUSTOMERを関連付ける | ||||||||||||
|
データセットを制御するためのTDBNavigatorコンポーネントを、マスターのテーブルであるCUSTOMERと関連付けます。またオブジェクトインスペクタ上で、TDBNavigatorコンポーネントのDataSourceプロパティにCUSTOMERテーブルに関連付けられたDataSource2を設定します（図10）。  図10：DBNavigatorのプロパティ設定 |
||||||||||||
| DBGridのプロパティを設定する | ||||||||||||
|
詳細のテーブルSALESのデータをTDBGrid上に表示するために、TDBGridコンポーネントのDataSourceプロパティにSALESテーブルに関連付けられたDataSource3を設定します（図11）。  図11：DBGridのプロパティ設定 |
||||||||||||
| データの読み込みを行うためのプロパティ設定 | ||||||||||||
|
最後に、データの読み込みを行うためのプロパティを設定します。これはTClientDataSetのActiveプロパティをTrueに設定することにより、関連付けられたテーブルをOpenしてデータを読み込みます。CUSTOMERテーブルに関連付けられたTClientDataSet（ClientDataSet1）コンポーネントのActiveプロパティをTrueに、SALESテーブルに関連付けられたTClientDataSet（ClientDataSet2）コンポーネントのActiveプロパティをTrueにそれぞれ設定します。 ActiveプロパティをTrueにすると、関連付けられたTDBEdit、TDBGrid上にデータが表示されます（図12）。  図12：ライブデータの表示 （画像をクリックすると別ウィンドウに拡大図を表示します） このように開発中の設計画面で実際のデータを確認できるのは、Delphiの特徴的な機能の大きな1つです。実際のデータを確認して画面設計を行えるので、開発効率も高まることでしょう。 |
||||||||||||
|
前のページ 1 2 3 4 次のページ |
||||||||||||
|
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
|
|
||||||||||||
|
||||||||||||
-
人気記事ランキング
-
-
連載
