none
Script ShadowBox não responde dentro de um upadatepanel e panel RRS feed

  • Pergunta

  • Pessoal, tenho um gridview que dentro dele tenho um link de fotos que deveria abriir com um shadowbox, testei o script shadow box dentro desta mesma página e notei que dentro de um asp:panel que esta dentro de um updatepanel o script do shadowbox não funciona, alguém tem algum idéia se consigo fazer funcionar ?

    Aqui o codigo ddentro do updatepanel, precisa ser assim com update panbel e um asp:panel.

        <div id="ReserveItens" runat="server" class="ReserveItens"> 
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>            
                <div id="ReservePackage" runat="server" class="ReservePackage">                
                    <asp:Label ID="lableReservePackage" runat="server" Text="Pacote"></asp:Label>
                    <asp:DropDownList ID="ddlPackage" runat="server" Width="235px" >
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="rfPackage" runat="server" ControlToValidate="ddlPackage" ErrorMessage="Escolha um 'Pacote'" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveQuantity" runat="server" class="ReserveQuantity">                
                    <asp:Label ID="lableReserveQuantity" runat="server" Text="Quantidade de pessoas"></asp:Label>
                    <asp:TextBox ID="txtQuantity" runat="server" Width="160px">
                    </asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfQuantity" runat="server" ControlToValidate="txtQuantity" ErrorMessage="Por favor preencha a quantidade de pessoas" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveBlock" runat="server" class="ReserveBlock">
                        <asp:Label ID="lableReserveBlock"  runat="server" Text="Bloco"></asp:Label>
                        <asp:DropDownList ID="ddlBlock" runat="server" Width="170px" onselectedindexchanged="ddlBlock_SelectedIndexChanged" AutoPostBack="True">
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rfBlock" runat="server" 
                            ControlToValidate="ddlBlock" ErrorMessage="Escolha um 'Bloco'" 
                            ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                    </div>
                <div id="ReserveApartament" runat="server" class="ReserveApartament">            
                    <asp:Panel ID="PanelApart" runat="server">                         
                            <div>
                                <asp:Image ID="imgBlock" runat="server" class="ReserveApartamentImage"/>       
                            </div>
                            <div>
                                 <asp:GridView ID="gvApartament" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" >
                                     <RowStyle />
                                     <Columns>
                                         <asp:BoundField DataField="ApartmentID" HeaderText="ID" />
                                         <asp:BoundField DataField="ApartmentName" HeaderText="Apartamento" Visible="true" /> 
                                         
                                         <asp:TemplateField HeaderText="Fotos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ThumbPreview" ToolTip='<% # Eval("ApartmentName") %>' ImageUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/thumb/" +  Eval("ApartmentImage") %>' NavigateUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/" +  Eval("ApartmentImage") %>' Group='<% #  Eval("ApartmentID") %>' rel="shadowbox[image]" runat="server" Target="_blank"></asp:HyperLink>                   
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:TemplateField HeaderText="Atributos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ApartmentName2" ToolTip='<% # Eval("ApartmentName") %>'  ImageUrl='<% # Eval("AttributeImageUrl") + "" + Eval("AttributeImage")%>' runat="server" ></asp:HyperLink>                                 
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:BoundField DataField="Value" DataFormatString="{0:#,##0.00}" 
                                             HeaderText="Valor" />
                                         <asp:TemplateField HeaderText="Escolher" ItemStyle-HorizontalAlign="Center">
                                             <ItemTemplate>
                                                <input name="rbselect" type="radio" value='<%# Eval("ApartmentID") %>' />
                                             </ItemTemplate>
                                             <ItemStyle HorizontalAlign="Center" />
                                         </asp:TemplateField>                                   
                                     </Columns>
                                     <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                                     <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                                     <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <EditRowStyle BackColor="#999999" />
                                     <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                                </asp:GridView>
                            </div>                    
                    </asp:Panel>
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
        </div>

    ?


    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    segunda-feira, 27 de fevereiro de 2012 14:05

Respostas

  •  tirando o gridview do update panel e criando mais um botão que dou o post back. Quando o Gridview esta dentro do updatepanel as referencias de javascripts se perdem por isso não consigo usar o shadowbox.

       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>  
                      
                <div id="ReservePackage" runat="server" class="ReservePackage">                
                    <asp:Label ID="lableReservePackage" runat="server" Text="Pacote"></asp:Label>
                    <asp:DropDownList ID="ddlPackage" runat="server" Width="235px" >
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="rfPackage" runat="server" ControlToValidate="ddlPackage" ErrorMessage="Escolha um 'Pacote'" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveQuantity" runat="server" class="ReserveQuantity">                
                    <asp:Label ID="lableReserveQuantity" runat="server" Text="Quantidade de pessoas"></asp:Label>
                    <asp:TextBox ID="txtQuantity" runat="server" Width="160px">
                    </asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfQuantity" runat="server" ControlToValidate="txtQuantity" ErrorMessage="Por favor preencha a quantidade de pessoas" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveBlock" runat="server" class="ReserveBlock">
                        <asp:Label ID="lableReserveBlock"  runat="server" Text="Bloco"></asp:Label>
                        <asp:DropDownList ID="ddlBlock" runat="server" Width="170px" onselectedindexchanged="ddlBlock_SelectedIndexChanged" AutoPostBack="True">
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rfBlock" runat="server" 
                            ControlToValidate="ddlBlock" ErrorMessage="Escolha um 'Bloco'" 
                            ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>             
                    </div>
                    <div id="ReserveSearch" runat="server" class="ReserveSearch">
                      <asp:ImageButton ID="btnSearch" runat="server" ValidationGroup="vsReserve" 
                            onclick="btnSearch_Click" />
                    </div>
                   
                    
                  
                         </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlPackage" 
                    EventName="SelectedIndexChanged" />
                <asp:AsyncPostBackTrigger ControlID="ddlBlock" 
                    EventName="SelectedIndexChanged" />
                    <asp:PostBackTrigger ControlID="btnSearch" />
                    
            </Triggers>
        </asp:UpdatePanel>
        
                <div id="ReserveApartament" runat="server" class="ReserveApartament">            
                    <asp:Panel ID="PanelApart" runat="server">                        
                            <div>
                                <asp:Image ID="imgBlock" runat="server" class="ReserveApartamentImage"/>       
                            </div>
                            <div>
                                 <asp:GridView ID="gvApartament" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" >
                                     <RowStyle />
                                     <Columns>
                                         <asp:BoundField DataField="ApartmentID" HeaderText="ID" />
                                         <asp:BoundField DataField="ApartmentName" HeaderText="Apartamento" Visible="true" /> 
                                         
                                         <asp:TemplateField HeaderText="Fotos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ThumbPreview" ToolTip='<% # Eval("ApartmentName") %>' ImageUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/thumb/" +  Eval("ApartmentImage") %>' NavigateUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/" +  Eval("ApartmentImage") %>' Group='<% #  Eval("ApartmentID") %>' rel="shadowbox[image]" runat="server"></asp:HyperLink>                   
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:TemplateField HeaderText="Atributos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ApartmentName2" ToolTip='<% # Eval("ApartmentName") %>'  ImageUrl='<% # Eval("AttributeImageUrl") + "" + Eval("AttributeImage")%>' runat="server" ></asp:HyperLink>                                 
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:BoundField DataField="Value" DataFormatString="{0:#,##0.00}" 
                                             HeaderText="Valor" />
                                         <asp:TemplateField HeaderText="Escolher" ItemStyle-HorizontalAlign="Center">
                                             <ItemTemplate>
                                                <input name="rbselect" type="radio" value='<%# Eval("ApartmentID") %>' />
                                             </ItemTemplate>
                                             <ItemStyle HorizontalAlign="Center" />
                                         </asp:TemplateField>                                   
                                     </Columns>
                                     <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                                     <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                                     <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <EditRowStyle BackColor="#999999" />
                                     <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                                </asp:GridView>
                            </div>                    
                    </asp:Panel>
                    
                </div>


    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    • Marcado como Resposta Moizés Cerqueira segunda-feira, 27 de fevereiro de 2012 17:39
    segunda-feira, 27 de fevereiro de 2012 17:39

Todas as Respostas

  • Moises,

    vc ja tentou disparar o metodo Update do seu updatePanel? ja quebrei a cabeça com isso tambem, e na verdade eu so tinha que disparar o metodo.

    EX:

    SeuUpdatePanel.Update();

    qualquer coisa volta ai blz

    boa Sorte amigão!!!


    Herbert Agles
    Se a resposta contribuiu com a sua necessidade, não se esqueça de marcá-la, assim você beneficiará outros usuários. Sua dúvida também pode ser as de outros!

    segunda-feira, 27 de fevereiro de 2012 14:43
  •  tirando o gridview do update panel e criando mais um botão que dou o post back. Quando o Gridview esta dentro do updatepanel as referencias de javascripts se perdem por isso não consigo usar o shadowbox.

       <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
            <ContentTemplate>  
                      
                <div id="ReservePackage" runat="server" class="ReservePackage">                
                    <asp:Label ID="lableReservePackage" runat="server" Text="Pacote"></asp:Label>
                    <asp:DropDownList ID="ddlPackage" runat="server" Width="235px" >
                    </asp:DropDownList>
                    <asp:RequiredFieldValidator ID="rfPackage" runat="server" ControlToValidate="ddlPackage" ErrorMessage="Escolha um 'Pacote'" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveQuantity" runat="server" class="ReserveQuantity">                
                    <asp:Label ID="lableReserveQuantity" runat="server" Text="Quantidade de pessoas"></asp:Label>
                    <asp:TextBox ID="txtQuantity" runat="server" Width="160px">
                    </asp:TextBox>
                    <asp:RequiredFieldValidator ID="rfQuantity" runat="server" ControlToValidate="txtQuantity" ErrorMessage="Por favor preencha a quantidade de pessoas" ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>
                </div>
                <div id="ReserveBlock" runat="server" class="ReserveBlock">
                        <asp:Label ID="lableReserveBlock"  runat="server" Text="Bloco"></asp:Label>
                        <asp:DropDownList ID="ddlBlock" runat="server" Width="170px" onselectedindexchanged="ddlBlock_SelectedIndexChanged" AutoPostBack="True">
                        </asp:DropDownList>
                        <asp:RequiredFieldValidator ID="rfBlock" runat="server" 
                            ControlToValidate="ddlBlock" ErrorMessage="Escolha um 'Bloco'" 
                            ValidationGroup="vsReserve">*</asp:RequiredFieldValidator>             
                    </div>
                    <div id="ReserveSearch" runat="server" class="ReserveSearch">
                      <asp:ImageButton ID="btnSearch" runat="server" ValidationGroup="vsReserve" 
                            onclick="btnSearch_Click" />
                    </div>
                   
                    
                  
                         </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="ddlPackage" 
                    EventName="SelectedIndexChanged" />
                <asp:AsyncPostBackTrigger ControlID="ddlBlock" 
                    EventName="SelectedIndexChanged" />
                    <asp:PostBackTrigger ControlID="btnSearch" />
                    
            </Triggers>
        </asp:UpdatePanel>
        
                <div id="ReserveApartament" runat="server" class="ReserveApartament">            
                    <asp:Panel ID="PanelApart" runat="server">                        
                            <div>
                                <asp:Image ID="imgBlock" runat="server" class="ReserveApartamentImage"/>       
                            </div>
                            <div>
                                 <asp:GridView ID="gvApartament" runat="server" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" GridLines="None" >
                                     <RowStyle />
                                     <Columns>
                                         <asp:BoundField DataField="ApartmentID" HeaderText="ID" />
                                         <asp:BoundField DataField="ApartmentName" HeaderText="Apartamento" Visible="true" /> 
                                         
                                         <asp:TemplateField HeaderText="Fotos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ThumbPreview" ToolTip='<% # Eval("ApartmentName") %>' ImageUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/thumb/" +  Eval("ApartmentImage") %>' NavigateUrl='<% # "http://www.cms.paulistasul.org.br/catre/apartment/images/" + Eval("ApartmentID") + "/" +  Eval("ApartmentImage") %>' Group='<% #  Eval("ApartmentID") %>' rel="shadowbox[image]" runat="server"></asp:HyperLink>                   
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:TemplateField HeaderText="Atributos">
                                             <ItemTemplate>
                                                <asp:HyperLink ID="ApartmentName2" ToolTip='<% # Eval("ApartmentName") %>'  ImageUrl='<% # Eval("AttributeImageUrl") + "" + Eval("AttributeImage")%>' runat="server" ></asp:HyperLink>                                 
                                              </ItemTemplate>
                                         </asp:TemplateField> 
                                         
                                         <asp:BoundField DataField="Value" DataFormatString="{0:#,##0.00}" 
                                             HeaderText="Valor" />
                                         <asp:TemplateField HeaderText="Escolher" ItemStyle-HorizontalAlign="Center">
                                             <ItemTemplate>
                                                <input name="rbselect" type="radio" value='<%# Eval("ApartmentID") %>' />
                                             </ItemTemplate>
                                             <ItemStyle HorizontalAlign="Center" />
                                         </asp:TemplateField>                                   
                                     </Columns>
                                     <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
                                     <SelectedRowStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" />
                                     <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
                                     <EditRowStyle BackColor="#999999" />
                                     <AlternatingRowStyle BackColor="White" ForeColor="#284775" />
                                </asp:GridView>
                            </div>                    
                    </asp:Panel>
                    
                </div>


    Moizés Cerqueira | MCP
    Site: www.moizes.cerqueira.nom.br
    Twitter: @moicer

    • Marcado como Resposta Moizés Cerqueira segunda-feira, 27 de fevereiro de 2012 17:39
    segunda-feira, 27 de fevereiro de 2012 17:39