DevExpress でのリボンのドロップダウントグルアイテム追加設定

DevExpress でのリボン（ASPxRibbon）のドロップダウントグルアイテム（RibbonDropDownToggleButtonItem）追加設定のサンプルです。

現状の画面デザインはこのようになっています。

＜リボンのドロップダウントグルアイテム追加設定＞

「ASPxRibbon」のコンテキストメニューから「Designer」を選択します。

↓

「タブ_01」、「グループ_01_02」を展開し、「トグル_01_02_01」を選択します。

「Add Child（子供追加）」アイコンの「▼」を選択し、「DropDown Toggle Button」を選択します。

↓

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonDropDownToggleButtonItem」、「Items」の「RibbonDropDownToggleButtonItem」に対して「Name=”toggle_01_02_01_01″」を設定します。

「ASPxRibbon」、「Tabs」、「RibbonTab」、「groups」、「RibbonGroup」、「Items」、「RibbonDropDownToggleButtonItem」、「Items」の「RibbonDropDownToggleButtonItem」に対して「Text=”トグル_01_02_01_01″」を設定します。

「Add（追加）」アイコンの「▼」を選択し、「DropDown Toggle Button」を選択します。

↓

同じように、「Name=”toggle_01_02_01_02″」と「Text=”トグル_01_02_01_02″」を設定します。

さらに、ドロップダウントグルを2個作成します。

同じように、「トグル_01_02_02」に対してドロップダウントグルを2個作成します。

【サンプルプログラム】

<form id="form1" runat="server">
    <div>
        <dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ShowFileTab="False" Theme="RedWine">
            <Tabs>
                <dx:RibbonTab Name="タブ_01" Text="タブ_01">
                    <groups>
                        <dx:RibbonGroup Name="グループ_01_01" Text="グループ_01_01">
                            <Items>
                                <dx:RibbonDropDownButtonItem Name="list_01_01_01" Text="リスト_01_01_01">
                                    <Items>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_01_01" Text="リスト_01_01_01_01">
                                        </dx:RibbonDropDownButtonItem>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_01_02" Text="リスト_01_01_01_02">
                                        </dx:RibbonDropDownButtonItem>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_01_03" Text="リスト_01_01_01_03">
                                        </dx:RibbonDropDownButtonItem>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_01_04" Text="リスト_01_01_01_04">
                                        </dx:RibbonDropDownButtonItem>
                                    </Items>
                                </dx:RibbonDropDownButtonItem>
                                <dx:RibbonDropDownButtonItem Name="list_01_01_02" Text="リスト_01_01_02">
                                    <Items>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_02_01" Text="リスト_01_01_02_01">
                                        </dx:RibbonDropDownButtonItem>
                                        <dx:RibbonDropDownButtonItem Name="list_01_01_02_02" Text="リスト_01_01_02_02">
                                        </dx:RibbonDropDownButtonItem>
                                    </Items>
                                </dx:RibbonDropDownButtonItem>
                                <dx:RibbonDropDownButtonItem Name="list_01_01_03" Text="リスト_01_01_03">
                                </dx:RibbonDropDownButtonItem>
                            </Items>
                        </dx:RibbonGroup>
                        <dx:RibbonGroup Name="グループ_01_02" Text="グループ_01_02">
                            <Items>
                                <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_01" Text="トグル_01_02_01">
                                    <Items>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_01_01" Text="トグル_01_02_01_01">
                                        </dx:RibbonDropDownToggleButtonItem>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_01_02" Text="トグル_01_02_01_02">
                                        </dx:RibbonDropDownToggleButtonItem>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_01_03" Text="トグル_01_02_01_03">
                                        </dx:RibbonDropDownToggleButtonItem>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_01_04" Text="トグル_01_02_01_04">
                                        </dx:RibbonDropDownToggleButtonItem>
                                    </Items>
                                </dx:RibbonDropDownToggleButtonItem>
                                <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_02" Text="トグル_01_02_02">
                                    <Items>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_02_01" Text="トグル_01_02_02_01">
                                        </dx:RibbonDropDownToggleButtonItem>
                                        <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_02_02" Text="トグル_01_02_02_02">
                                        </dx:RibbonDropDownToggleButtonItem>
                                    </Items>
                                </dx:RibbonDropDownToggleButtonItem>
                                <dx:RibbonDropDownToggleButtonItem Name="toggle_01_02_03" Text="トグル_01_02_03">
                                </dx:RibbonDropDownToggleButtonItem>
                            </Items>
                        </dx:RibbonGroup>
                    </groups>
                </dx:RibbonTab>
            </Tabs>
        </dx:ASPxRibbon>
    </div>
</form>

<div>

<dx:ASPxRibbon ID="ASPxRibbon1" runat="server" ShowFileTab="False" Theme="RedWine">

<Tabs>

<dx:RibbonTab Name="タブ_01" Text="タブ_01">

<dx:RibbonGroup Name="グループ_01_01" Text="グループ_01_01">

<Items>

<dx:RibbonDropDownButtonItem Name="list_01_01_01" Text="リスト_01_01_01">

<Items>

<dx:RibbonDropDownButtonItem Name="list_01_01_01_01" Text="リスト_01_01_01_01">