Hi @osef,
Seems I don't see any way except the example below.
You will need to change the updateButtonText function to take both the Menus into account.
Example
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET v2 Example</title>
<script>
var updateButtonText = function (item, checked) {
var text = [];
item.parentMenu.items.each(function (item) {
if (item.checked) {
text.push(item.text);
}
});
if (text.length == 0) {
App.Button1.setText("[Select Colors]");
} else {
App.Button1.setText("[" + text.join(",") + "]");
}
};
</script>
</head>
<body>
<form runat="server">
<ext:ResourceManager runat="server" />
<ext:Button
ID="Button1"
runat="server"
Icon="Rgb"
Text="[Select Colors]"
Width="200">
<Menu>
<ext:Menu runat="server" Width="200">
<Defaults>
<ext:Parameter Name="HideOnClick" Value="false" Mode="Raw" />
</Defaults>
<Items>
<ext:Container runat="server">
<LayoutConfig>
<ext:HBoxLayoutConfig Align="Stretch" />
</LayoutConfig>
<Items>
<ext:Menu runat="server" Flex="1" Floating="false">
<Items>
<ext:CheckMenuItem runat="server" Text="Red" CheckHandler="updateButtonText" />
<ext:CheckMenuItem runat="server" Text="Green" CheckHandler="updateButtonText" />
<ext:CheckMenuItem runat="server" Text="Blue" CheckHandler="updateButtonText" />
</Items>
</ext:Menu>
<ext:Menu runat="server" Flex="1" Floating="false">
<Items>
<ext:CheckMenuItem runat="server" Text="Yellow" CheckHandler="updateButtonText" />
<ext:CheckMenuItem runat="server" Text="White" CheckHandler="updateButtonText" />
<ext:CheckMenuItem runat="server" Text="Black" CheckHandler="updateButtonText" />
</Items>
</ext:Menu>
</Items>
</ext:Container>
</Items>
</ext:Menu>
</Menu>
</ext:Button>
</form>
</body>
</html>