方法 : デザイナを使用して Web サーバー コントロール テンプレートを作成する
更新 : 2007 年 11 月
GridView、DetailsView、FormView、DataList、および Repeater の各 Web サーバー コントロールを使用すると、テンプレートを指定して、そのコントロールの一部を定義するマークアップ コントロールとサーバー コントロールを定義できます。たとえば、GridView コントロールでは、項目、選択された項目、交互の項目などに対してテンプレートを定義して、各要素に独自の外観を与えることができます。
このトピックでは、デザイナを使用してテンプレートを作成する方法について説明します。Visual Web Developer でテンプレートを直接作成できます。ASP.NET の構文を使用したテンプレート作成の詳細については、「方法 : ASP.NET Web サーバー コントロールのテンプレートを宣言によって作成する」を参照してください。テンプレートに関する背景情報については、「ASP.NET Web サーバー コントロール テンプレート」を参照してください。
.gif "メモ") メモ : |
|---|
デザイナを使用してテンプレートを編集すると、テンプレート内の <textarea> HTML 要素内に配置されたデータ バインディング構文が HTML エンコードされます。たとえば、デザイナを使用してテンプレートを編集した場合、 <textarea id="TextArea1"><%# Eval("Description") %><textarea> は自動的に <textarea id="TextArea1"><%# Eval("Description") %><textarea> に変更されます。<textarea> HTML 要素のレンダリングは、TextBox コントロールをデータ フィールドにバインドし、TextBox コントロールの TextMode プロパティの値として MultiLine を指定する方法でも行えます。 |
Visual Web Developer でテンプレートを作成するには
デザイン ビューで、GridView コントロールをデザイン サーフェイスにドラッグします。
このタスク リストの [テンプレートの編集] をクリックし、編集するテンプレートを選択します。
Visual Web Developer は、コントロールをテンプレート編集モードで表示します。
テンプレートで必要な HTML テキストとサーバー コントロールを追加します。
テンプレートで次の 3 とおりの方法のいずれかを使用して、追加したコントロールを他の Web サーバー コントロールと同様に編集します。
コントロールを選択し、[プロパティ] ウィンドウでプロパティを設定します。
[DataBinding] ダイアログ ボックスを使用して、データをプロパティにバインドします。詳細については、「ASP.NET モバイル コントロールを使用したデータ バインディングの使用」を参照してください。
埋め込みコントロールをダブルクリックして、コンテナ コントロールの ItemCommand イベント ハンドラを作成します。埋め込みコントロールで発生したイベントは、コンテナに送信されます。詳細については、「ASP.NET Web サーバー コントロールのイベント モデル」を参照してください。
他のテンプレートを編集する場合は、手順 1 から 3 を繰り返します。
終了するには、タスク リストの [テンプレート編集の終了] をクリックします。
スタイル プロパティを設定して、個別のテンプレートの表示形式を設定します。詳細については、「ASP.NET Web サーバー コントロールと CSS スタイル」を参照してください。