Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
225
WebExplorerBar and WebAsyncRefreshPanel
posted

Hi,

I am using the new WebExplorerBar inside a WebAsyncRefreshPanel. I was originally using the UltraWebListbar to do the job but for obvious reasons, I have upgraded.

After upgrading, I have been getting lots of issues. One issue is a "Microsoft JScript runtime error: Sys.InvalidOperationException: Two components with the same id [ControlNameHere] can't be added to the application" error, but lets focus on something simple first.

I have managed to replicate one of the bugs and am hopting that by solving this bug, may in turn solve the rest of the issues I am having with this control.

Here is the code:

    <asp:ScriptManager runat="server" ID="ScriptManager" />
    <div style="border: 2px solid red;">
        <igmisc:WebAsyncRefreshPanel ID="WebAsyncRefreshPanelMenu" runat="server"
            LinkedRefreshControlID="WebAsyncRefreshPanel2">
            <ig1:WebExplorerBar ID="webMenu" runat="server">
                <Groups>
                    <ig:ExplorerBarGroup GroupContentsHeight="" Text="Group">
                        <Items>
                            <ig:ExplorerBarItem Text="Item">
                            </ig:ExplorerBarItem>
                        </Items>
                    </ig:ExplorerBarGroup>
                </Groups>
            </ig1:WebExplorerBar>
            <asp:Button runat="server" ID="btnTest1" Text="test1" />
        </igmisc:WebAsyncRefreshPanel>
    </div>
    <div style="border: 2px solid green;">
        <igmisc:WebAsyncRefreshPanel ID="WebAsyncRefreshPanel2" runat="server">
            <asp:Button ID="btnTest" runat="server" Text="test2" />
        </igmisc:WebAsyncRefreshPanel>
    </div>

The code above describes two WARP controls, one with a WebExplorerBar and a Button control and the other with just a Button control. They are linked together using the LinkedRefreshControlID tag.

When either of the buttons are pressed, the menu simply vanishes / disappears / goes invisible.

I have looked at the source code that is generated. I noticed that there is a lots of nested DIV tags that describe how the menu looks and responds. When the menu is loaded, the main DIV that describes the menu structure (webMenu_tree) has a CSS 'visibility: visible;' tag. When the button is pressed it has a 'visibility: hidden;' tag.

Is the WebExplorerBar incompatible with the WebAsyncRefreshPanel?