in
Forums
Blogs
Files
Devexpress.Com
Client Center
Support Center
DevExpress Channel

Close AspxPopup

Last post 11/20/2008 3:48 AM by Shogun Mizokunimito. 2 replies.
Page 1 of 1 (3 items)
Sort Posts:
Previous Next
  • 11/19/2008 3:08 PM

    Close AspxPopup

    Hi,

    I'm trying to close a popup using ClientInstanceName.Hide() usually this works fine, but now I place this script into popupcontent and i get an error, so is there another way to do that into the popupcontrol itself?

     

    Thanks

  • 11/19/2008 4:12 PM In reply to

    Re: Close AspxPopup

    It seems you are using the ContentUrl functionality.
    http://community.devexpress.com/forums/p/64440/218775.aspx#218774
    - here I've demostrated how to access the ASPxPopupControl from it's content.

    Victor
    R&D, ASP.NET Team, DevExpress Inc.

    P.S. If you wish to receive direct assistance from our Support Team, use Support Center.
  • 11/20/2008 3:48 AM In reply to

    Re: Close AspxPopup

     Thanks for response,

    Currently I'm not using ContentUrl but I load dinamically an usercontrol into the popup content, below you see both the usercontrol interface code and the page calling code.

    <%@ Control Language="C#" AutoEventWireup="True" CodeBehind="Items.ascx.cs" Inherits="PAT.BA.MerloniWeb.Items" %>
    <%@ Register Assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxCallback" TagPrefix="dxcb" %>
    <%@ Register Assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxCallbackPanel" TagPrefix="dxcp" %>
    <%@ Register Assembly="DevExpress.Web.ASPxTreeList.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxTreeList" TagPrefix="dxwtl" %>
    <%@ Register Assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxPopupControl" TagPrefix="dxpc" %>
    <%@ Register Assembly="DevExpress.Web.ASPxEditors.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxEditors" TagPrefix="dxe" %>
    <%@ Register Assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxRoundPanel" TagPrefix="dxrp" %>
    <%@ Register Assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxTabControl" TagPrefix="dxtc" %>
    <%@ Register assembly="DevExpress.Web.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1" namespace="DevExpress.Web.ASPxClasses" tagprefix="dxw" %>
    <%@ Register Src="ItemsGrid.ascx" TagName="Grid" TagPrefix="bac" %>
    <%@ Register Assembly="DevExpress.Web.ASPxGridView.v8.2, Version=8.2.2.0, Culture=neutral, PublicKeyToken=9b171c9fd64da1d1"
        Namespace="DevExpress.Web.ASPxGridView" TagPrefix="dxwgv" %>


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <script language="javascript">
       
         function showCategorySelection(s, e)
         {    
            apcLineSearch.Show();
            acpTreeCategories.PerformCallback();
        }

        function x(s, e)
        {
            debugger
        }

    </script>

    <dxcb:ASPxCallback ID="acbSave" runat="server" ClientInstanceName="acbSave">
        <ClientSideEvents CallbackComplete="
    function(s, e) { x(s, e); }" />   
    </dxcb:ASPxCallback>

    <div style="margin-bottom:10px;">
        <dxrp:ASPxRoundPanel ID="headerPanel" runat="server" Width="100%" HeaderStyle-Paddings-Padding="1px" ContentPaddings-Padding="1px">
             <HeaderTemplate>
                <div style="float:left;">
                    <table>
                         <tr>
                            <td width="85">
                                <dxe:ASPxLabel ID="lblOrderType" runat="server" Text="Order by"></dxe:ASPxLabel>
                            </td>
                            <td>
                                <dxe:ASPxComboBox ID="cboOrderType" runat="server" SelectedIndex="0">
                                    <Items>
                                        <dxe:ListEditItem Value="Description" Text="By description"  />
                                        <dxe:ListEditItem Value="Code" Text="BY code" />
                                    </Items>   
                                </dxe:ASPxComboBox>
                            </td>
                       </tr>
                    </table>
                </div>
                <div style="float:right;">
                    <table>
                        <tr>
                            <td>
                                <dxe:ASPxButton ID="btnSearchLine" runat="server" Text="Search by line" CausesValidation="false"
                                    Border-BorderStyle="None">
                                    <Border BorderStyle="None" />
                                    <ClientSideEvents Click="showCategorySelection" />
                                    <Image AlternateText="Search by line " Url="~/Images/Buttons/lens.png" />
                                </dxe:ASPxButton>                   
                            </td>
                            <td>
                               
                                <dxe:ASPxButton ID="btnSave" runat="server" Text="Save" CausesValidation="false"
                                    Border-BorderStyle="None"  UseSubmitBehavior="false" AutoPostBack="false" >
                                    <Border BorderStyle="None" />
                                    <Image AlternateText="Save" Url="~/Images/Buttons/save.png" />
                                    <ClientSideEvents Click="function(s, e) {acbSave.PerformCallback();}" />
                                </dxe:ASPxButton>
                            </td>
                        </tr>
                    </table>
                </div>
            </HeaderTemplate>
            <PanelCollection>
                <dxrp:PanelContent>
                    <table>
                        <tr>
                            <td width="85">
                                <dxe:ASPxLabel runat="server" ID="lblSearchFor" Text="Search for"></dxe:ASPxLabel>
                            </td>
                            <td>
                                <dxe:ASPxComboBox ID="cboSearchType" runat="server">
                                    <Items>
                                        <dxe:ListEditItem Value="0" Text="By description" />
                                        <dxe:ListEditItem Value="1" Text="BY code" />
                                    </Items>   
                                </dxe:ASPxComboBox>
                            </td>
                            <td>
                                <dxe:ASPxTextBox ID="txtSearchEntry" runat="server" Width="170px">
                                </dxe:ASPxTextBox>
                            </td>
                        </tr>       
                    </table>
                </dxrp:PanelContent>
            </PanelCollection>
        </dxrp:ASPxRoundPanel>
    </div>

    <dxtc:ASPxPageControl ID="bodyPanel" runat="server" Width="100%">
        <TabPages>
            <dxtc:TabPage Name="General" Text="General">
                <ContentCollection>
                    <dxw:ContentControl Width="100%">
                        <table width="100%">
                            <colgroup>
                                <col with="33%"/>
                                <col with="33%"/>
                                <col with="33%"/>
                            </colgroup>
                            <tr valign="top" >
                                <td>
                                    <bac:grid runat="server" ID="MainGrid_1" ></bac:grid>
                                </td>
                                <td>
                                    <bac:grid runat="server" ID="MainGrid_2" ></bac:grid>
                                </td>
                                <td>
                                    <bac:grid runat="server" ID="MainGrid_3" ></bac:grid>
                                </td>
                            </tr>
                        </table>
                    </dxw:ContentControl>                
                </ContentCollection>           
            </dxtc:TabPage>
            <dxtc:TabPage Name="Other" Text="Other">
                <ContentCollection>
                    <dxw:ContentControl width="100%">
                        <table width="100%">
                            <colgroup>
                                <col with="33%"/>
                                <col with="33%"/>
                                <col with="33%"/>
                            </colgroup>
                            <tr>
                                <td>
                                    <bac:grid runat="server" ID="OtherGrid_1" ></bac:grid>       
                                </td>
                                <td>
                                    <bac:grid runat="server" ID="OtherGrid_2" ></bac:grid>
                                </td>
                                <td>
                                    <bac:grid runat="server" ID="OtherGrid_3" ></bac:grid>
                                </td>
                            </tr>
                        </table>
                    </dxw:ContentControl>                
                </ContentCollection>           
            </dxtc:TabPage>
        </TabPages>
    </dxtc:ASPxPageControl>

    <dxpc:ASPxPopupControl ID="apcLineSearch" runat="server" ClientInstanceName="apcLineSearch" HeaderText="Detail" Modal="true" PopupHorizontalAlign="WindowCenter"
        PopupVerticalAlign="WindowCenter" AllowDragging="true" EnableViewState="false"
        Width="500" Height="500"
        >
        <ModalBackgroundStyle Opacity="20" />
    <ContentCollection>
        <dxpc:PopupControlContentControl>
            <dxcp:aspxcallbackpanel runat="server" width="200px" ID="acpTreeCategories" ClientInstanceName="acpTreeCategories">
                <PanelCollection>
                    <dxrp:PanelContent>
                        <dxwtl:ASPxTreeList ID="treeCategories" runat="server">
                            <Columns>
                                <dxwtl:TreeListCheckColumn Name="Description">
                                </dxwtl:TreeListCheckColumn>
                            </Columns>
                            <Settings ShowColumnHeaders="False" />

                             <Styles>
                                <Indent BackColor="Transparent" />
                                <IndentWithButton BackColor="Transparent" />
                                <Node BackColor="Transparent" />
                                <Cell>
                                    <Paddings PaddingLeft="1px" />
                                </Cell>
                            </Styles>
                           
                            <Templates>
                                <DataCell>
                                    <table>
                                        <tr>
                                            <td><!-- Image --></td>   
                                            <td style="padding-bottom: 1px;">
                                               
                                            </td>
                                        </tr>
                                    </table>
                                </DataCell>
                            </Templates>
                           
                        </dxwtl:ASPxTreeList>
                    </dxrp:PanelContent>
                </PanelCollection>
            </dxcp:aspxcallbackpanel>
        </dxpc:PopupControlContentControl>
    </ContentCollection>
    </dxpc:ASPxPopupControl>

    And here a code piece of aspx that includes the Popupcontrol

    <dxpc:ASPxPopupControl ID="apcAddNewRowAddin" runat="server" ClientInstanceName="apcAddNewRowAddin"
            Width="884px" Height="525px" PopupHorizontalAlign="WindowCenter" PopupVerticalAlign="WindowCenter"
            AllowResize="true" AllowDragging="true" Modal="true" EnableAnimation="false"
            PopupAction="LeftMouseClick" PopupElementID="btnSearchCustomer"
            HeaderText="Order catalogue">
            <ClientSideEvents CloseUp="AddNewRowAddin_Close" />
            <ContentCollection>
                <dxpc:PopupControlContentControl>
                    <dxcp:ASPxCallbackPanel ID="acpAddNewRowAddin" runat="server" Width="100%" ClientInstanceName="acpAddNewRowAddin" EnableViewState="True">
                    </dxcp:ASPxCallbackPanel>
                </dxpc:PopupControlContentControl>       
            </ContentCollection>
        </dxpc:ASPxPopupControl>

    Now please check the code in bold, the idea is usercontrol has an aspxbutton that makes something on server-side, and as the action is completed I should close the popup (Since i've not a CompleteCallBack on button i forward the request through a CallBack element).

    So for doing that i substitute the keyword debugger with

      function x(s, e)

        {

            //debugger

            apcAddNewRowAddin.Hide();

        }

    But this instruction generate an error as you can see from attachment

    Any help will be appreciated.

    Thanks

    Image link

Page 1 of 1 (3 items)
Copyright © 1998-2008 Developer Express Inc.
ALL RIGHTS RESERVED