none
Asp.net - Button que está foram do modal não executa em página com Modalpopupextender RRS feed

  • Pergunta

  • Olá galera,

    Tenho uma página asp.net com master page, nela possuou um grif que vai carregar os dados de um cadastro, esse grid é acionado por um button. Tenho também um modal para cadastro que é acionado em outro button. estou tendo o seguinte problema neste cenário

    - o Button que carrega o grid só consegue ser executado depois que clico no button que executa o modal de cadastro, se eu clicar no button que carrega o grid antes do do button que chama o modal nada acontece. Como resolvo essa questão que está me dando a maior dor de cabeça?

    OBS: Sem modalpopupextender ná página o código funciona perfeitamente

    Agradeço a por qualquer sugestão para solução.

    Obrigado, abaixo tem o código

    Tirson Rocha

    <%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeFile="Modal3.aspx.cs" Inherits="Modal3" %>
    
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
    <%@ Register src="UserControl/Cadastro1.ascx" tagname="Cadastro1" tagprefix="uc1" %>
    
    <asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    
        <!----------------------------------------------------------------------------------------------------->
    
        <script type="text/javascript">
    
            function msgboxjs(msg) {
                alert(msg);
            }
    
            function limpa() {
                document.getElementById("<%=txtLink.ClientID%>").value == "";
            }
    
    
    
            function validate() {
                //var msg_erro = '';
                //var obj_msg_erro = document.getElementById('msg_erro');
                //nome
                if (document.getElementById("<%=txtLink.ClientID%>").value == "") {
    
                    <%Session.Add("GravarCadastro", "off"); %>;
                    alert("Preencha o campo link");
                    //msg_erro = 'campo NOME vazio';
                    obj_msg_erro.innerHTML = msg_erro;
                    document.getElementById("<%=txtLink.ClientID%>").focus();
                            document.getElementById("<%=lbl_status.ClientID%>").style.display = "";
    
    
                    return false;
    
                } else {<%Session.Add("GravarCadastro", "ok"); %>; }
    
                if (document.getElementById("<%=txtData.ClientID%>").value == "") {
                    <%Session.Add("GravarCadastro", "off"); %>;
                    alert("Preencha o campo DATA");
                    //msg_erro = 'campo NOME vazio';
                    obj_msg_erro.innerHTML = msg_erro;
                    document.getElementById("<%=txtData.ClientID%>").focus();
                    return false;
    
                } else {<%Session.Add("GravarCadastro", "ok"); %>; }
    
                if (document.getElementById("<%=txtImagem.ClientID%>").value == "") {
                    <%Session.Add("GravarCadastro", "off"); %>;
                    alert("Preencha o campo IMAGEM");
                    //msg_erro = 'campo NOME vazio';
                    obj_msg_erro.innerHTML = msg_erro;
                    document.getElementById("<%=txtImagem.ClientID%>").focus();
                    return false;
    
                } else {<%Session.Add("GravarCadastro", "ok"); %>; }
    
                if (document.getElementById("<%=txtDescricao.ClientID%>").value == "") {
                    <%Session.Add("GravarCadastro", "off"); %>;
                    alert("Preencha o campo Descrição");
                    //msg_erro = 'campo NOME vazio';
                    obj_msg_erro.innerHTML = msg_erro;
                    document.getElementById("<%=txtDescricao.ClientID%>").focus();
                    return false;
    
                } else {<%Session.Add("GravarCadastro", "ok"); %>; }
    
                //lbl_salvar
                document.getElementById("<%=lbl_salvar.ClientID%>").innerText = "OK"
    
                alert("Formulário enviado com sucesso");
    
                return true;
            }
    
    
        </script>
    
        <!----------------------------------------------------------------------------------------------------->
    
    
    
        <style type="text/css">
            .modal-bg{
               
                    background-color:#040404;
                filter:alpha(opacity=50);
                opacity:0.5;
                z-index:999;
                   
            /*
            background-color: #040404;
            filter:alpha(opacity=50);
            opacity:0.50;
            top: 0px !important;
            left: 0px !important;
             !important;
            z-index: 1 !important;*/
            }
            .modal{
                /*;*/
            top:50px;    
            height:250px;
            background-color: #fffddd;
            /*padding: 3px;*/
            /*z-index: 10001;*/
            }
        </style>
    
    </asp:Content>
    <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
    
        <asp:TextBox ID="txtProductName" runat="server" />
        <asp:TextBox ID="txtPrice" runat="server" />
    
        <asp:Button ID="Button2" runat="server" Text="Button" OnClick="Button2_Click" />
    
        <!-- <asp:LinkButton ID="LinkButton1x" runat="server" Text="Show" OnClick="LinkButton1_Click" /> -->
        <asp:LinkButton ID="LinkButton1" runat="server" Text="Show" OnClick="LinkButton1_Click" OnClientClick="limpa()" />
    
        <asp:Panel ID="pnlPopUp" runat="server" style="display:none" CssClass="modal" >
                        <uc1:Cadastro1 ID="WebUserControl11" runat="server" />
        </asp:Panel>
       
         <asp:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="Button2" PopupControlID="Panel1" BackgroundCssClass="modal-bg" >
        </asp:ModalPopupExtender>
    
       
     <asp:AnimationExtender ID="popUpAnimation" runat="server" 
      TargetControlID="LinkButton1">
      <Animations>
        <OnClick>
          <Parallel AnimationTarget="ModalPopupExtender1" 
            Duration=".3" Fps="25">
            <Move Horizontal="100" Vertical="100" />
            <Resize Width="280" Height="180" />
            <Color PropertyKey="backgroundColor" 
              StartValue="#FFFFFF" 
              EndValue="#FFFF00" />
          </Parallel>                    
        </OnClick>
      </Animations>
    </asp:AnimationExtender>
    
    
    
    
        <!----------------------------------------- grid principal >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>------------>
        <!----------------------------------------- grid principal >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>------------>
        <!----------------------------------------- grid principal >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>------------>
    
    
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="Button" />
    
    
        <asp:Label ID="lbl_salvar" runat="server" Text="Label"></asp:Label>
    
    
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
       <ContentTemplate> 
    
               
           
        
            <div>
    
    
                <asp:Panel ID="Panel3" runat="server">
    
    
                    <asp:GridView ID="GridView1" runat="server" AllowPaging="True" AutoGenerateColumns="False" 
                        OnRowDataBound="GridView1_RowDataBound"
                        OnRowCreated="GridView1_RowCreated" 
                        onselectedindexchanged="GridView1_SelectedIndexChanged" 
                        onrowcommand="GridView1_RowCommand" 
                        onprerender="GridView1_PreRender" 
                        Height="241px" Width="894px">
    
    
     <Columns>
                                       
          <asp:TemplateField>
                <ItemTemplate>
                      <a href="#" ID="lnk" runat="server">Selecionar</a>                       
                </ItemTemplate>
          </asp:TemplateField>               
          <asp:BoundField DataField="id" HeaderText="id " />
          <asp:BoundField DataField="link" HeaderText="link" />
          <asp:BoundField DataField="views" HeaderText="Visualizações" />               
          <asp:BoundField DataField="genero" HeaderText="Gênero" Visible="true"/>
          <asp:BoundField DataField="data" DataFormatString="{0:dd-MM-yyyy}" HeaderText="Data   " />
          <asp:BoundField DataField="imagem" HeaderText="Imagem" />
          <asp:BoundField DataField="descricao" HeaderText="Descrição" />
          <asp:BoundField DataField="tipo_link" HeaderText="Tipo Link"  Visible="true" HeaderStyle-Width="20"/>
          
            
    
          <asp:TemplateField>
          <ItemTemplate> 
              <input type="checkbox" runat="server" id="chk" value='<%# Eval("tipo_link")%>' />
          </ItemTemplate>
          </asp:TemplateField>    
          
          <asp:TemplateField>
                <ItemTemplate>
                      <a href="#" ID="lnk2" runat="server">Ok</a>                       
                </ItemTemplate>
          </asp:TemplateField>               
          
          
          </Columns>   
                   </asp:GridView>
    
                </asp:Panel>
    
                </div>
     </ContentTemplate>  
     </asp:UpdatePanel> 
        <!----------------------------------------- grid principal ---------------------<<<<<<<<<<<<<<<<<<<<<<------>
        <!----------------------------------------- grid principal ---------------------<<<<<<<<<<<<<<<<<<<<<<------>
        <!----------------------------------------- grid principal ---------------------<<<<<<<<<<<<<<<<<<<<<<------>
    
    
        <!------------------------------------------------------------------------------------------------------------>
        <!------------------------------------------------------------------------------------------------------------>
        <!------------------------------------------------------------------------------------------------------------>
        <div style="; top: 0px; left: 0px; height: 0px;">
            <asp:Panel ID="Panel1" runat="server" CssClass="modal" Style="background-color:#ffffff; display: none" BorderColor="#0066CC" BorderStyle="Solid" BorderWidth="2px" Height="207px"  >
    
                <asp:Panel ID="Panel2" runat="server"  BorderStyle="None" Height="122px" Style="margin-left: 20px" Width="868px" > 
    
    
    
    
                    <asp:Button ID="btcancel" runat="server" Text="Cancelar" BackColor="#99CCFF" style="; top: 181px; left: 806px; z-index: 1; float: right; width: 75px; height: 20px;" Font-Bold="True" Font-Size="X-Small" OnClick="btcancel_Click" />
                    <asp:Button ID="btnSalva" runat="server" Text="Salvar" BackColor="#99CCFF" style="; top: 181px; left: 726px; z-index: 1; float: right; width: 75px;  height: 20px;" OnClick="btnSalva_Click" Font-Bold="True" Font-Size="X-Small" />
    
                    <hr style="z-index: 1; left: 21px; top: 21px; ; height: 1px; width: 853px" />
    
    
                    <asp:TextBox ID="txtLink" runat="server" style="z-index: 1; left: 30px; top: 51px; ; width: 277px; height: 13px"></asp:TextBox>
                    <asp:DropDownList ID="DropDownList1" runat="server" style="z-index: 1; left: 318px; top: 49px; ; width: 104px">
                        <asp:ListItem>Curiosidades</asp:ListItem>
                        <asp:ListItem>Humor</asp:ListItem>
                        <asp:ListItem>Cinema</asp:ListItem>
                        <asp:ListItem>Música</asp:ListItem>
                    </asp:DropDownList>
                    <asp:Label ID="Label1" runat="server" style="z-index: 1; left: 32px; top: 31px; ; width: 197px" Text="Link"></asp:Label>
                    <hr style="z-index: 1; left: 21px; top: 168px; ; height: 1px; width: 853px" />
    
    
                    <asp:Label ID="Label2" runat="server" style="z-index: 1; left: 320px; top: 31px; ; width: 85px" Text="Categoria"></asp:Label>
                    <asp:Label ID="Label3" runat="server" style="z-index: 1; left: 430px; top: 30px; ; width: 81px" Text="Data"></asp:Label>
                    <asp:Label ID="Label4" runat="server" style="z-index: 1; left: 544px; top: 30px; ; width: 273px" Text="Imagem"></asp:Label>
                    <asp:Label ID="Label5" runat="server" style="z-index: 1; left: 32px; top: 76px; ; width: 290px" Text="Descrição do vídeos"></asp:Label>
                    <asp:Label ID="Label6" runat="server" style="z-index: 1; left: 24px; top: 4px; ; width: 834px; text-align: center; font-weight: 700;" Text="Cadastro de link"></asp:Label>
    
                    <asp:TextBox ID="txtData" runat="server" style="z-index: 1; left: 427px; top: 50px; ; width: 104px; height: 13px"></asp:TextBox>
                   
                     <asp:TextBox ID="txtImagem" runat="server" style="z-index: 1; left: 542px; top: 50px; ; width: 334px; height: 13px"></asp:TextBox>
                     <asp:TextBox ID="txtDescricao" runat="server" style="z-index: 1; left: 30px; top: 96px; ; width: 838px; height: 13px"></asp:TextBox>
                
                
                    <asp:Label ID="lbl_status" runat="server" ForeColor="Red" style="z-index: 1; left: 24px; top: 133px; ; width: 865px" Text="_" Visible="False"></asp:Label>
                
    
                
                </asp:Panel> 
    
    
        </asp:Panel>
    
        </div>

    quinta-feira, 2 de outubro de 2014 19:41

Respostas

  • Bom dia Tirson,

    Veja se te ajuda em alguma coisa:

    http://leonelfraga.com/neomatrixtech/posts/2008/12/conciliando-janelas-modais-e-asp-net-validators.html

    Att,


    Ricardo Cortes Microsoft Contingent Staff

    Esse contedo e fornecido sem garantias de qualquer tipo, seja expressa ou implicita.

    MSDN Community Support

    sexta-feira, 3 de outubro de 2014 14:57