Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

claudioenner

Uso do AjaxControlToolkit não funciona! C# VB2010

Por , em .NET

Recommended Posts

claudioenner    0

claudioenner
Postado

Boa tarde pessoal, estou com um desafio já faz dois dias. Não consigo colocar funcionando de forma correta o AjaxControlToolkit, preciso colocar um popupextender na minha pagina onde quando eu clicar em um link no gridview ele deveria aparecer, mas quando carrego a pagina ele já está lá. Já usei o Style="display: none" para sumir o painel com os dados do popup, mas depois ele não volta. Peguei um exemplo passo a passo no site do macopratti, já fiz várias pesquisas aqui e em vários fórum e nada de funcionar, acredito que esteja faltando alguma coisinha que não estou vendo.

 

Vou mandar um projeto que mandei para fazer funcionar.

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="SIGA.WebForm1" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
<title>ModalPoup</title>
<style type="text/css">
.modalBackground
{
background-color: Aqua;
top: 0px !important;
left: 0px !important;
position: absolute !important;
z-index: 1 !important;
}
.modalPopup
{
background-color: #fffddd;
padding: 3px;
z-index: 10001;
}
</style>
</head>
<body>
<form id="form1" runat="server">
<asp:scriptmanager ID="Scriptmanager1" runat="server"></asp:scriptmanager>
<div>
<asp:LinkButton ID="lnkLoginbtn" runat="server" >Clique aqui para realizar o Login</asp:LinkButton>
</div>
<div>
<asp:Panel ID="Panel1" runat="server" CssClass="modalPopup" Style="display: table">
<table style="width: 270px">
<tr>
<td align="right">
<asp:Label ID="lblUsuario" runat="server" Height="30px" Text="Usuário :"></asp:Label>
</td>
<td style="width: 179px">
<asp:TextBox ID="txtUsuario" runat="server" Width="100px"></asp:TextBox>
</td>
</tr>
<tr>
<td style="width: 30%" align="right">
<asp:Label ID="lblSenha" runat="server" Height="30px" Text="Senha :"></asp:Label>
</td>
<td style="width: 179px">
<asp:TextBox ID="txtSenha" runat="server" Width="100px"></asp:TextBox>
</td>
</tr>
<tr>
<td>
</td>
<td>
     
<asp:Button ID="btnCancela" runat="server" Text="Cancela" />
<asp:Button ID="btnLogin" runat="server" Text="LogIn" OnClick="btnLogin_Click" />
</td>
</tr>
</table>
</asp:Panel>
</div>
<div>
<asp:ModalPopupExtender ID="ModalPopupExtenderLogin" runat="server" TargetControlID="lnkLoginbtn"
PopupControlID="Panel1" BackgroundCssClass="modalBackground" DropShadow="true"
OkControlID="btnLogin" OnOkScript="ok()" CancelControlID="btnCancela" />
</div>
</form>
</body>
</html>

 

 

Curiosidade! Fui logar aqui no fórum e veio um popupextender igual o que eu quero fazer.

 

Aguardo resposta

Compartilhar este post

Link para o post
Compartilhar em outros sites

claudioenner    0

claudioenner
Postado

Já vi alguns exemplos utilizando o Jquery, mas achei muito extenso o código, visto que o AjaxControlToolkit veio para deixar tudo isso mais simplificado. Um colega meu usa o ajax e no dele funciona legalzinho, mas no meu dá esse problema.

 

Vou montar no jquery para ver como fica.

 

Abraço!

Compartilhar este post

Link para o post
Compartilhar em outros sites

KhaosDoctor    242

KhaosDoctor
Postado 




$(document).ready(function(){


 


 


 



   $('#id_popup_com_display').click(function(){


 


 


 



      $('#id_popud_com_display').css({'display':'block'});


 


 



   });


 


 



});



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
claudioenner
			  

	
		
	
			 0
	
		
	

		

		

			


	
		claudioenner
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			
Consegui resolver parte do problema. 

1)Ainda não consigo fazer o popup sumir usando o hide.
2)Ainda não consigo fazer com que o fundo da página fique escuro quando o popup está aberto.
3)Estou usando o visible true x false para visualizar ou esconder o mesmo.

Consegui montar o popup extender, não estava passando o controle do panel de forma correta e nem chamando o modalBackground nem o ModalWindow, mas agora consegui.

Agora vou tentar fazer escurecer a pagina a traz do popup. 


			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					






					
				
			
			



		

	


	
	

	

	







	

		
			
				Ir para a lista de tópicos
				.NET
			
		
	

	




	

	

	




						


	

		
	


					

					

	

		
        


	

		
    
			
				
					
					
  • 
				
					
					
  • 
				
					
					
  • 
				
			
		

	


		
            
			

	

		
		

			

				
			

		

	



		
	


					

				

			

			
		

		
		


	×
	

		

			

			

				
			


			
		

	



		

	































	
















		
			
		
		
		
		







	




	







	

		

			

				
Informação importante

				
Ao usar o fórum, você concorda com nossos Termos e condições.

			

			

				  Aceito