このトピックでは、デザインビュー、ソースビュー、およびコードを使用したドロップダウンメニューの作成を例示します。ドロップダウンメニューを追加するには、必要な作業は１つ（またはそれ以上）の C1MenuItem を最上位 C1MenuItem の子として追加するだけです。このトピックでは、「メニューへの最上位項目の追加」を完了したものと想定しています。

デザインビューの場合

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

1. スマートタグをクリックして、［C1Menu タスク］メニューを開きます。［メニューの編集］を選択します。
   ［C1Menu デザイナフォーム］ダイアログボックスが開きます。
2. サブ項目を追加したいメニュー項目を選択します。
3. ［子項目の追加］のドロップダウン矢印をクリックして、リストから［リンク項目］を選択して、子項目を選択されたメニュー項目に追加します。

   

4. 〈OK〉をクリックして、C1Menu デザインフォームを閉じます。

ソースビューの場合

次のマークアップを、サブメニューを追加したい項目の <cc1:C1MenuItem> タグの間に追加します。

コードビューの場合

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

1. 次の名前空間をプロジェクトにインポートします。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   Imports C1.Web.Wijmo.Controls.C1Menu

   C# コードの書き方

   C#	コードのコピー
   using C1.Web.Wijmo.Controls.C1Menu;

2. 次のコードを Page_Load イベントに追加します。

   Visual Basic コードの書き方

   Visual Basic	コードのコピー
   ' 最初のノードを作成して、C1Menu に追加します。 Dim C1MenuItem1 As New C1MenuItem() C1MenuItem1.Text = "LinkItem1" C1Menu1.Items.Add(C1MenuItem1) ' 子ノードを作成して、C1MenuItem1 に追加します。 Dim C1MenuItem2 As New C1MenuItem() C1MenuItem1.Text = "LinkItem1" C1MenuItem1.Items.Add(C1MenuItem2)

   C# コードの書き方

   C#	コードのコピー
   // 最初のノードを作成して、c1Menu に追加します。 C1MenuItem c1MenuItem1 = new c1MenuItem(); C1MenuItem1.Text = "LinkItem1"; C1Menu1.Items.Add(c1MenuItem1); // 子ノードを作成して、c1MenuItem1 に追加します。 C1MenuItem c1MenuItem2 = new c1MenuItem(); C1MenuItem2.Text = "LinkItem1"; C1MenuItem1.Items.Add(c1MenuItem2);

3. プログラムを実行します。

このトピックは、次のことを示します。

サブメニューの作成は、子の C1MenuItem を親の C1MenuItem に追加するだけで簡単です。