views:

12

answers:

0

hi, i am using modal popup for adding filter criteria.in that i have two dropdownlists and one Add button. i have used two Updatepanels for two dropdownlists

when i click on Add button,the popup gets disappered.i think the page is getting refreshed. I want to display successful message in that popup only.

for this i have put button inside another UpdatePanel,but now the Add button is not getting worked.can anybody find error.

My code is

<cc1:modalpopupextender ID="mdlCategoryName" 
                    runat="server" TargetControlID="LinkButton1"

                    PopupControlID="pnlCategoryName" DropShadow="false"

                    CancelControlID="lnkCategoryNameCancel" X ="400" Y ="240" />

        <asp:Panel ID="pnlCategoryName" runat="server" Height="370px" Width="400px" Style="display: none;">
            <asp:Panel ID="pnlOuterCategoryName" runat="server" CssClass="modalPopup2" Height="300px"
                Width="580px" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" BackColor="#FFFCF9">

                **<asp:UpdatePanel ID="UpdatePanel2" runat ="server" >
                                                        <ContentTemplate >**



                   <table cellpadding="0" cellspacing="0" width="100%">

                                                    <tr>
                                                        <td colspan="3" class="style3" align="left">
                                                            Assign Filtering Criteria
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td colspan="3">
                                                            &nbsp;
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td class="logText" width="30%">
                                                            Filter: <asp:ImageButton ID ="imgFilter" runat ="server" ImageUrl ="../images/helpIcon.png" border ="0" CausesValidation ="false" OnClientClick ="return showHelp('ctl00_ContentPlaceHolder1_pnlFilterHelp');" />


                                        <cc1:modalpopupextender ID="mdlFilter" runat="server" TargetControlID="imgFilter"
                                                                                PopupControlID="pnlFilterHelp" DropShadow="false"
                                                                                CancelControlID="lnkFilterCancel" 
                                            X ="410" Y ="200" />
                                        <asp:Panel ID="pnlFilterHelp" runat="server"  Height="70px"
                                                                                    Width="170px" Style="display: none;" >
                                                <asp:Panel ID="pnlFilterOuter" runat="server"  CssClass ="modalPopup2" Height="100px"
                                                                                    Width="180px" BorderColor ="Black" BorderStyle ="Solid" BorderWidth ="1px" BackColor ="#FFFCF9" >
                                                 <table cellpadding ="0" cellspacing ="0" width ="90%" >
                                                   <tr>
                                                     <td align="center"  valign="middle" style="padding-top: 15px;padding-left :5px;">
                                                    <table cellpadding ="0" align ="center" cellspacing ="0" width ="100%" height ="40px"  >
                                                      <tr>
                                                        <td class ="style8"> Set Filter Criteria so that customer can easily search product. </td>
                                                      </tr>
                                                    </table>

                                                     </td>
                                                   </tr>
                                                   <tr><td>&nbsp;</td></tr>
                                                    <tr>
                                                                                            <td style="padding-left: 20px;">
                                                                                                <asp:LinkButton ID="lnkFilterCancel" runat="server" Text="" CssClass="gridPagerlink" ForeColor ="Black">Close <b>X</b></asp:LinkButton>
                                                                                            </td>
                                                                                        </tr>
                                                 </table>                                 
                                                                                </asp:Panel>
                                        </asp:Panel>
                                                        </td>
                                                        <td width="4px">
                                                        </td>
                                                        <td class="logBox">



                                                        **<asp:UpdatePanel ID="filter" runat ="server" >
                                                        <ContentTemplate >**
                                                            <asp:DropDownList ID="drpFilter" runat="server" AutoPostBack="True" OnSelectedIndexChanged="drpFilter_SelectedIndexChanged"
                                                                Width="150px">
                                                            </asp:DropDownList>
                                                             **</ContentTemplate>
                            </asp:UpdatePanel>**




                                                        </td>
                                                    </tr>
                                                      <tr><td colspan ="3">&nbsp;</td></tr>
                                                    <tr>
                                                        <td class="logText">
                                                            Filter Option: <asp:ImageButton ID ="imgFilterOption" runat ="server" ImageUrl ="../images/helpIcon.png" border ="0" CausesValidation ="false" OnClientClick ="return showHelp('ctl00_ContentPlaceHolder1_pnlFilterOption');" />


                                        <cc1:modalpopupextender ID="mdlFilterOption" runat="server" TargetControlID="imgFilterOption"
                                                                                PopupControlID="pnlFilterOption" DropShadow="false"
                                                                                CancelControlID="lnkFilterOptionCancel" 
                                            X ="410" Y ="220" />
                                        <asp:Panel ID="pnlFilterOption" runat="server"  Height="70px"
                                                                                    Width="170px" Style="display: none;" >
                                                <asp:Panel ID="pnlFilterOptionOuter" runat="server"  CssClass ="modalPopup2" Height="300px"
                                                                                    Width="580px" BorderColor ="Black" BorderStyle ="Solid" BorderWidth ="1px" BackColor ="#FFFCF9" >
                                                 <table cellpadding ="0" cellspacing ="0" width ="90%" >
                                                   <tr>
                                                     <td align="center"  valign="middle" style="padding-top: 15px;padding-left :5px;">
                                                    <table cellpadding ="0" align ="center" cellspacing ="0" width ="100%" height ="40px"  >
                                                      <tr>
                                                        <td class ="style8"> Set Filter Criteria Option so that customer can easily search product. </td>
                                                      </tr>
                                                    </table>

                                                     </td>
                                                   </tr>
                                                   <tr><td>&nbsp;</td></tr>
                                                    <tr>
                                                                                            <td style="padding-left: 20px;">
                                                                                                <asp:LinkButton ID="lnkFilterOptionCancel" runat="server" Text="" CssClass="gridPagerlink" ForeColor ="Black">Close <b>X</b></asp:LinkButton>
                                                                                            </td>
                                                                                        </tr>
                                                 </table>                                 
                                                                                </asp:Panel>
                                        </asp:Panel>
                                                        </td>
                                                        <td width="4px">
                                                        </td>
                                                        <td class="logBox">
                                                          **<asp:UpdatePanel ID="UpdatePanel1" runat ="server" >
                                                        <ContentTemplate >**
                                                            <asp:DropDownList ID="drpFilterOption" runat="server" Width="150px" 
                                                                Enabled ="false" >
                                                            </asp:DropDownList>

                                                              **</ContentTemplate>
                            </asp:UpdatePanel>**
                                                        </td>
                                                    </tr>



                                                      <tr><td colspan ="3">&nbsp;</td></tr>
                                                    <tr>
                                                        <td class="logText">
                                                            &nbsp;
                                                        </td>
                                                        <td width="4px">
                                                        </td>
                                                        <td class="logBox">
                                                            &nbsp;
                                                          <asp:Button ID="btnAdd" runat="server" Style="font-weight: 700; text-align: right"
                                                                Text="Add" CssClass="Login-btn" OnClick="btnAdd_Click" />
                                                               <%-- <asp:Button ID="btnCancel" runat="server" Style="font-weight: 700; text-align: right"
                                                                Text="Back" CssClass="Login-btn" onclick="btnCancel_Click" />--%>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td align="center" colspan="3">
                                                            <asp:Panel ID="pnlAddFilter" runat="server" Visible="false">
                                                                <table id="list">
                                                                </table>
                                                                <div id="pager" style="text-align: center;">
                                                                </div>
                                                                <br />
                                                                <br />
                                                            </asp:Panel>
                                                        </td>
                                                    </tr>

                    <tr>
                        <td>
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td style="padding-left: 20px;">
                            <asp:LinkButton ID="lnkCategoryNameCancel" runat="server" Text="" CssClass="gridPagerlink"
                                ForeColor="Black">Close <b>X</b></asp:LinkButton>
                        </td>
                    </tr>
                </table>


                **</ContentTemplate>
                            </asp:UpdatePanel>**


                 </asp:Panel>
        </asp:Panel>