Mar 13, 2020, 5:10 PM
[CLOSED] Desktop quickStart menu stuck after close dialog window
I am using 4.8.3.
The issue can be reproduced with the attached code.
Steps to reproduce:
1, The Desktop StartMenu & quickStart menu all look good when app starts.
2, click on quickStart menu-> menu1-> Open Window, a dialog win pops up.
3, Close the dialog window.
4, Click on QuickStart menu (or Start menu), the first clicked menu opens up & never goes aways. In my real application, the menu items still display OK.
It seems like this behavior is related to the AlwaysOnTop setting on the Slid panel(?). It works fine if this config is removed. For our app, the slide panel is the application main menu that needs to show on top of any other desktop module windows when user moves the cursor to the right.
Please let me know if you need any additional info.
Thanks
-Susan
The issue can be reproduced with the attached code.
Steps to reproduce:
1, The Desktop StartMenu & quickStart menu all look good when app starts.
2, click on quickStart menu-> menu1-> Open Window, a dialog win pops up.
3, Close the dialog window.
4, Click on QuickStart menu (or Start menu), the first clicked menu opens up & never goes aways. In my real application, the menu items still display OK.
It seems like this behavior is related to the AlwaysOnTop setting on the Slid panel(?). It works fine if this config is removed. For our app, the slide panel is the application main menu that needs to show on top of any other desktop module windows when user moves the cursor to the right.
Please let me know if you need any additional info.
Thanks
-Susan
<%@ Page Language="C#" %>
<!DOCTYPE html>
<html>
<head runat="server">
<title>Ext.NET Examples</title>
<script>
var initSlidePanel = function () {
this.setHeight(Ext.net.Desktop.desktop.body.getHeight());
if (!this.windowListen) {
this.windowListen = true;
this.show();
this.el.alignTo(Ext.net.Desktop.desktop.body, 'tl-tr', [0, 0]);
Ext.on("resize", initSlidePanel, this);
}
};
</script>
</head>
<body>
<ext:ResourceManager runat="server">
<Listeners>
<WindowResize Handler="Ext.net.Bus.publish('App.Desktop.ready');" Buffer="500" />
</Listeners>
</ext:ResourceManager>
<ext:Desktop ID="Desktop1" runat="server">
<Modules>
<ext:DesktopModule ModuleID="Hello" AutoRun="true">
<Window>
<ext:Window runat="server"
ID="GreetingWindow"
Plain="true"
Padding="10"
Width="150"
Height="100"
Title="Greeting"
CloseAction="Destroy"
Maximizable="true"
Minimizable="true">
<Content>
Welcome to Ext.Net desktop!
</Content>
</ext:Window>
</Window>
</ext:DesktopModule>
<ext:DesktopModule ModuleID="notepad">
<Shortcut Name="Notepad" IconCls="x-notepad-shortcut" SortIndex="2" />
<Launcher Text="Notepad" Icon="ApplicationForm" />
<Window>
<ext:Window runat="server"
Title="Notepad"
Width="750"
Height="400"
Icon="ApplicationForm"
AnimCollapse="false"
Border="false"
HideMode="Offsets"
Layout="FitLayout"
CloseAction="Destroy">
<Items>
<ext:HtmlEditor
runat="server"
Text="Some <b>rich</b> <font color='red'>text</font> goes <u>here</u><br>Give it a try!" />
</Items>
</ext:Window>
</Window>
</ext:DesktopModule>
</Modules>
<DesktopConfig ShortcutDragSelector="true">
<ShortcutDefaults IconCls="x-default-shortcut" />
<ContextMenu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Change Settings" />
<ext:MenuSeparator runat="server" />
</Items>
</ext:Menu>
</ContextMenu>
</DesktopConfig>
<StartMenu Title="Ext.Net Desktop" Icon="Application" Height="100">
<ToolConfig>
<ext:Toolbar ID="StartMenuToolbar" runat="server" Width="40">
<Items>
<ext:Button runat="server" Text="Settings" Icon="Cog" />
</Items>
</ext:Toolbar>
</ToolConfig>
</StartMenu>
<TaskBar QuickStartWidth="80" TrayWidth="125" StyleSpec="z-index: 99999" >
<QuickStart>
<ext:Toolbar runat="server">
<Items>
<ext:Button runat="server" Text="Menu1" >
<Menu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="Show Window" Handler="App.Dialog1.show();" />
<ext:MenuItem runat="server" Text="test" />
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:Button runat="server" Text="Menu 2" >
<Menu>
<ext:Menu runat="server">
<Items>
<ext:MenuItem runat="server" Text="item1" />
<ext:MenuItem runat="server" Text="item2" />
</Items>
</ext:Menu>
</Menu>
</ext:Button>
</Items>
</ext:Toolbar>
</QuickStart>
<Tray>
<ext:Toolbar runat="server">
<Items>
<ext:Button ID="LangButton" runat="server" Text="EN" Cls="x-bold-text" MenuAlign="br-tr" ArrowVisible="false">
<Menu>
<ext:Menu runat="server">
<Items>
<ext:CheckMenuItem runat="server" Group="lang" Text="English" Checked="true" CheckHandler="function (item, checked) {checked && #{LangButton}.setText('EN');}" />
<ext:CheckMenuItem runat="server" Group="lang" Text="French" CheckHandler="function (item, checked) {checked && #{LangButton}.setText('FR');}" />
<ext:MenuSeparator runat="server" />
<ext:MenuItem runat="server" Text="Show the Language Bar" />
</Items>
</ext:Menu>
</Menu>
</ext:Button>
<ext:ToolbarFill runat="server" />
</Items>
</ext:Toolbar>
</Tray>
</TaskBar>
<Listeners>
<Ready BroadcastOnBus="App.Desktop.ready" />
</Listeners>
</ext:Desktop>
<ext:Panel runat="server" Title="Slide panel"
Frame="true" Width="250" Layout="AccordionLayout" Floating="true"
Shadow = "false"
AlwaysOnTop ="true"
Hidden="true">
<Items>
<ext:Panel runat="server" Title="Section 1" Icon="User"
/>
<ext:Panel runat="server" Title="Section 2" Icon="UserB" />
<ext:Panel runat="server" Title="Section 3" Icon="UserB" />
</Items>
<MessageBusListeners>
<ext:MessageBusListener Name="App.Desktop.ready" Fn="initSlidePanel" />
</MessageBusListeners>
<Plugins>
<ext:MouseDistanceSensor runat="server" Opacity="false" Threshold="5">
<Listeners>
<Near Handler="this.component.el.alignTo(Ext.net.Desktop.desktop.body, 'tr-tr', [0, 0], true);" />
<Far Handler="this.component.el.alignTo(Ext.net.Desktop.desktop.body, 'tl-tr', [0, 0], true);" />
</Listeners>
</ext:MouseDistanceSensor>
</Plugins>
</ext:Panel>
<ext:Window runat="server" ID="Dialog1" Hidden = "true" Width=520 Height=600 Modal="true" Resizable ="true"
Collapsible="true" CloseAction = "Hide" Maximizable="true" Html="test">
</ext:Window>
)
</body>
</html>
Last edited by fabricio.murta; Mar 17, 2020 at 1:04 AM.
Reason: Inquiry fulfilled.
