このチュートリアルでは、C1Menu コントロールの TopItemsTemplate テンプレートの作成方法を学びます。このテンプレートは、C1Menu コントロールのすべての項目のプロトタイプとなり、Div 要素、入力（チェックボックス）コントロール、ラベルコントロールで構成されます。ラベルコントロールの Text プロパティは、個別メニュー項目の Text プロパティに連結されます。

以下の手順を実行します。

1. A と B という名前の２つの最上位メニュー項目を含む C1Menu コントロールを作成します。項目 A に３つの子項目を追加して、それらに One、Two、および Three という名前を付けます。

   

2. C1Menu コントロールのスマートタグ（）をクリックして、［C1Menu タスク］メニューから［テンプレートの編集］を選択します。［C1Menu タスク］メニューがテンプレート編集モードに切り替わります。［説明］のドロップダウンリストに示されたデフォルトモードは、TopItemsTemplate であるため、それを変更する必要はありません。
3. ツールボックスに移動し、ドラッグ＆ドロップ操作で、Div 要素を ChildItems テンプレートに追加します。
4. ツールボックスに移動し、ドラッグ＆ドロップ操作で、入力（チェックボックス）コントロールとLabelコントロールを Div 要素に追加します。テンプレートは次のようになります。

   

5. ラベル要素を選択し、プロパティウィンドウに移動して、Text プロパティを「<% #DataBinder.Eval(Container.DataItem,"Text") %>」に設定します。これによって、ラベルの Text プロパティがデータ連結（後述の手順で指定）に連結されます。
6. ［テンプレート編集の終了］をクリックして、テンプレートを閉じます。
7. 次の手順を実行して、データ連結を作成します。
   1. C1Menu コントロールのスマートタグ（）をクリックして、［C1Menu タスク］メニューから［メニューのデータバインディングの編集…］を選択します。［バインディングコレクションエディタ］ダイアログボックスで、次の手順を実行します。
   2. 〈追加〉をクリックして、<Empty> データ連結をプロジェクトに追加します。
   3. <Empty> データ連結の TextField プロパティを Text に設定します。
   4. 〈OK〉をクリックして、［バインディングコレクションエディタ］を閉じます。
8. プロジェクトを実行して、A を選択します。最上位メニュー項目のみが１つのチェックボックスと１つのラベルを含むことを確認します。また、最上位メニュー項目上のラベルテキストがこのチュートリアルの手順１で指定したテキストと同じであることを確認します。これはこのチュートリアルで指定したデータ連結であるためです。