静的なメニューの作成

静的なメニューは、メニュー構造を作成する最も単純な方法です。

C1Menu デザイナフォームを使用してメニューシステムを構築するか、または .aspx ファイルで宣言構文を使用してメニュー項目を指定できます。宣言構文を使用して静的なメニュー項目を表示するには、まず、メニューコントロールの開始タグと終了タグの間に <Item> の開始タグと終了タグをネストします。次に、<Item> の開始タグと終了タグの間に <cc1:C1MenuItem> 要素をネストすることによって、メニュー構造を作成します。各 <cc1:C1MenuItem> 要素は、コントロール内のメニュー項目に相当し、C1MenuItem オブジェクトにマッピングされます。

ソースビュー	コードのコピー
<cc1:C1Menu ID="C1Menu1" runat="server"> <HideAnimation> <Animated Effect="fade"></Animated> </HideAnimation> <Items> <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1"> <Items> <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1"> </cc1:C1MenuItem> nbsp; <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2"> </cc1:C1MenuItem> </Items> </cc1:C1MenuItem> <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2"> <Items> <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1"> </cc1:C1MenuItem> <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2"> </cc1:C1MenuItem> </Items> </cc1:C1MenuItem> </Items> </cc1:C1Menu>

ソースビュー

コードのコピー

<cc1:C1Menu ID="C1Menu1" runat="server">
<HideAnimation>
<Animated Effect="fade"></Animated>
</HideAnimation>
        <Items>
            <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1">
                <Items>
                    <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1">
                    </cc1:C1MenuItem>
nbsp;                   <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2">
                    </cc1:C1MenuItem>
                </Items>
            </cc1:C1MenuItem>
            <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2">
                <Items>
                    <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem1">
                    </cc1:C1MenuItem>
                    <cc1:C1MenuItem runat="server" ImagePosition="Left" Text="LinkItem2">
                    </cc1:C1MenuItem>
                </Items>
            </cc1:C1MenuItem>
        </Items>
    </cc1:C1Menu>