GridView,LinkButton com ModalPopUpExtender

SID_SILVA · Julho 2, 2009

Ola Amigos

Bem, finalmente consegui fazer funcionar um exemplo com o ModalPopUpExtender, na verdade eu peguei varios exemplos prontos e explicativos, porem quando fui fazer o meu foi um pesadelo, alias somente para variar.Novas situacoes para mim tem sido um pesadelo ultimamente.

Bem, vamos ao que interessa.Em uma das situacoes, eu tenho um GridView com um LinkButton, fora do GridView, dai clico no link e o ModalPopUpExtender e executado sem problemas.

Agora fui tentar fazer o mesmo com o LinkButton(em um Template Field) dentro do GridView, entao fui associar o nome desse linkbutton a propriedade TargetControlID do ModalPopUpExtender e ele nao aparece,ou seja, nao esta disponivel.

Meu objetivo e pegar o ID da linha do gridView, efetuar uma leitura a base de dados para ecoar alguns valores nos TextBox, que estao dentro da janela modal que sera exibida.

Poderiam me dizer porque isso acontece?

Obrigado e um Abraço

quintelab · Julho 3, 2009

No começo eu utilizava este componente do Ajax, depois aprendi a utilizar div com css e é melhor.

Mas de qualquer forma. Se você copiar o código HTML do seu LinkButton que funciona e colar no ItemTemplate da Grid ele deixa compilar ou ja acusa erro de compilação?

Abraços...

SID_SILVA · Julho 3, 2009

Boa tarde quintelab

Em parte acabei descobrindo que cometi um equivoco.Eu tinha um Modalpopupextender fora da panel onde esta o gridview com o linkbutton e queria associa-lo com esse linkbutton, dai a razao pela qual ele nao aparecia na proprieda TargetcontrolID.

Agora coloquei um outro Modalpopupextender , dentro do panel com o gridview e parte do problema foi resolvido, consigo gerar a janela modal.

Porem, como nem tudo e uma maravilha o modal aparece sem nada,sendo que eu coloquei alguns textbox dentro do panel que deveriam estar aparecendo.

Mais um pouco e eu chego la.

Obrigado e um abraço

Esqueci de dizer mas que tal um exemplo de como voce conseguiu resolver isso com DIV e CSS.

Obrigado e um Abraço

quintelab · Julho 3, 2009

Poste o HTML referente a seu modal.

Abraços...

SID_SILVA · Julho 3, 2009

Ola quintelab aqui esta o HTML.

Na minha gridview estao sendo exibidos 4 registros.Na primeira vez que eu executo o modal e executado, ou seja, toda a area da tela fica cinza claro que foi a cor que eu escolhi mas o panel com os texbox nao e mostrado.

Se eu clicar no segundo registro nada acontece.

Se eu clicar no terceiro, ocorre um erro de JavaScript do proprio controle e diz que : 2 componentes estao associados ao mesmo ID 'Panel1$DropShadowBehavior', nao podem ser associados a aplicacao.

Se eu clicar no quarto registro nada acontece.

Mas que estranho.

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
	<title>Untitled Page</title>
	 
	<link href="StyleSheet.css" rel="stylesheet" type="text/css" />	
	<script type="text/javascript">
	var styleToSelect;
	function onOk() {
	 
	}
</script>
</head>
<body>
	<form id="form1" runat="server">
	<div>
		<asp:ScriptManager ID="ScriptManager1" runat="server">
		</asp:ScriptManager>
		 <br />
		<asp:SqlDataSource ID="DsDocumentos" runat="server" ConnectionString="<%$ ConnectionStrings:timesheet %>"
			SelectCommand="SELECT DISTINCT REL_PROJETOS.REL_PREVINI, REL_PROJETOS.REL_PREVFIM, REL_PROJETOS.PROJE_ID, REL_PROJETOS.REL_HORASCONSUMIDAS, REL_PROJETOS.REL_HORASPREVISTAS, REL_PROJETOS.REL_DOCUMENTO, REL_PROJETOS.REL_ID, USERS.USER_NOME AS COLABORADOR, GESTOR.GESTOR_PROJETO, CLIENTES.CLIENTE_NOME, PROJETOS.CLIENTE_OS, USERS1.USER_NOME AS GERENTENOME, REL_PROJETOS.USER_ID AS COLABORADOR_ID, REL_PROJETOS.PRIORIDADE_ID, REL_PROJETOS.STATUS_ID, STATUS.STATUS_SIGLA, PRIORIDADE.PRIORIDADE_SIGLA, PROJETOS.PROJE_ID AS PROJEID, FORMATOS.FORMATO_NOME, ESPECIALIDADES.ESPEC_NOME, CLIENTES.CLIENTE_ID, SOLICITACOES.SOLICITADO, SOLICITACOES.HORAS, SOLICITACOES.APROVADO, SOLICITACOES.HORASAPROV, USERS.UserLoginID, SOLICITACOES.QTDHORASSOLIC, SOLICITACOES.STATUS FROM REL_PROJETOS INNER JOIN PROJETOS ON REL_PROJETOS.PROJE_ID = PROJETOS.PROJE_ID INNER JOIN USERS ON REL_PROJETOS.USER_ID = USERS.USER_ID INNER JOIN GESTOR ON PROJETOS.GESTOR_ID = GESTOR.GESTOR_ID INNER JOIN CLIENTES ON PROJETOS.CLIENTE_ID = CLIENTES.CLIENTE_ID INNER JOIN USERS AS USERS1 ON PROJETOS.GERENTE_ID = USERS1.USER_ID INNER JOIN PRIORIDADE ON REL_PROJETOS.PRIORIDADE_ID = PRIORIDADE.PRIORIDADE_ID INNER JOIN STATUS ON REL_PROJETOS.STATUS_ID = STATUS.STATUS_ID INNER JOIN FORMATOS ON REL_PROJETOS.FORMATO_ID = FORMATOS.FORMATO_ID INNER JOIN ESPECIALIDADES ON REL_PROJETOS.ESPEC_ID = ESPECIALIDADES.ESPEC_ID INNER JOIN SOLICITACOES ON REL_PROJETOS.REL_ID = SOLICITACOES.DOC_ID WHERE (REL_PROJETOS.USER_ID = users.USER_ID)  ORDER BY SOLICITACOES.SOLICITADO DESC">
		</asp:SqlDataSource>
		 <br />
		<br />
		<br />
		<asp:Panel ID="Panel1" runat="server"  CssClass="modalPopup" Style="display: none" Width="530px" Height="128px">
			<table>
				<tr>
					<td style="width: 100px">
						<asp:Label ID="Label2" runat="server" Text="Horas Previstas" Width="103px"></asp:Label></td>
					<td style="width: 103px">
						<asp:Label ID="LblPrevistas" runat="server" BackColor="#E0E0E0" BorderColor="Black"
							BorderStyle="Double" Width="152px"></asp:Label></td>
				</tr>
				<tr>
					<td style="width: 100px; height: 26px;">
						<asp:Label ID="Label4" runat="server" Text="Horas Trabalhadas" Width="190px"></asp:Label></td>
					<td style="width: 103px; height: 26px;">
						<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></td>
				</tr>
				<tr>
					<td style="width: 100px">
						<asp:Label ID="Label3" runat="server" Text="Horas Solicitadas" Width="186px"></asp:Label></td>
					<td style="width: 103px">
						<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox></td>
				</tr>
				<tr>
					<td style="width: 100px; height: 26px;">
						<asp:Button ID="OkButton" runat="server" Text="OK" /><asp:Button ID="CancelButton"
							runat="server" Text="Cancel" /></td>
					<td style="width: 103px; height: 26px;">
						</td>
				</tr>
			</table>
			<br />
			<br />
			<br />
			<br />
			<br />
			 </asp:Panel>
		<br />
		<asp:GridView ID="GrdDocumentos" runat="server" AllowPaging="True" AllowSorting="True"
			AutoGenerateColumns="False" CellPadding="4" DataKeyNames="REL_ID" DataSourceID="DsDocumentos"
			onrowcommand="GrdDocumentos_RowCommand" onrowdatabound="GrdDocumentos_RowDataBound"
			ForeColor="#333333" Width="526px">
			<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
			<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
			<Columns>
				<asp:CommandField DeleteText="Exluir" ShowDeleteButton="True" />
				<asp:BoundField DataField="Colaborador" HeaderText="Colaborador" SortExpression="COLABORADOR" />
				<asp:TemplateField HeaderText="Nr.Documento" SortExpression="REL_DOCUMENTO">
					<EditItemTemplate>
						 
					</EditItemTemplate>
					<ItemTemplate>
						<asp:LinkButton ID="LinkButton1" 
										runat="server" 
										Width="115px"
										CommandArgument='<%# Eval("REL_ID", "{0}") %>'
										CommandName="Edita" 
										Text="Visualizar"
										CausesValidation="false" 
										OnClick="LinkButton1_Click">
						 </asp:LinkButton>  
						 
		<ajaxToolkit:ModalPopupExtender 
						ID="ModalPopupExtender1"
						runat="server" 
						targetcontrolid="LinkButton1" 
						PopupControlID="Panel1"
						BackgroundCssClass="modalBackground"
						DropShadow="true"
						OkControlID="OkButton"					   
						CancelControlID="CancelButton" >
		</ajaxToolkit:ModalPopupExtender>
						
					</ItemTemplate>
				</asp:TemplateField>
				<asp:BoundField DataField="FORMATO_NOME" HeaderText="Formato" SortExpression="FORMATO_NOME" />
				<asp:HyperLinkField DataNavigateUrlFields="PROJE_ID" DataNavigateUrlFormatString="LISTADOCUMENTOS?REL_ID={0}"
					DataTextField="GESTOR_PROJETO" HeaderText="Projeto" SortExpression="GESTOR_PROJETO"
					Visible="False" />
				<asp:BoundField DataField="CLIENTE_NOME" HeaderText="Cliente" SortExpression="CLIENTE_NOME" />
				<asp:HyperLinkField DataNavigateUrlFields="REL_ID" DataNavigateUrlFormatString="Documentos.aspx?REL_id={0}"
					DataTextField="COLABORADOR" HeaderText="Colaborador" NavigateUrl="~/Documentos/Documentos1.aspx"
					Visible="False" />
				<asp:BoundField DataField="COLABORADOR_ID" HeaderText="Colaborador" SortExpression="COLABORADOR_ID"
					Visible="False" />
				<asp:BoundField DataField="REL_HORASPREVISTAS" HeaderText="Horas Previstas" SortExpression="REL_HORASPREVISTAS" />
				<asp:BoundField DataField="REL_PREVINI" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Prev.Inicio"
					SortExpression="REL_PREVINI" Visible="False" />
				<asp:BoundField DataField="REL_PREVFIM" DataFormatString="{0:dd/MM/yyyy}" HeaderText="Prev.Fim"
					SortExpression="REL_PREVFIM" Visible="False" />
				<asp:BoundField DataField="REL_HORASCONSUMIDAS" HeaderText="Horas Consumidas" SortExpression="REL_HORASCONSUMIDAS" />
				<asp:BoundField DataField="QTDHORASSOLIC" HeaderText="Horas Solic." />
				<asp:BoundField HeaderText="Saldo" />
				<asp:BoundField DataField="ESPEC_NOME" HeaderText="Especialidade" SortExpression="ESPEC_NOME"
					Visible="False" />
				<asp:BoundField DataField="COLABOR_ID" HeaderText="COLABOR_ID" SortExpression="COLABOR_ID"
					Visible="False" />
				<asp:BoundField DataField="FORMATO_ID" HeaderText="FORMATO_ID" SortExpression="FORMATO_ID"
					Visible="False" />
				<asp:BoundField DataField="GERENTENOME" HeaderText="Gerente" Visible="False" />
				<asp:BoundField DataField="STATUS_SIGLA" HeaderText="Status" Visible="False" />
				<asp:BoundField DataField="PRIORIDADE_SIGLA" HeaderText="Prioridade" Visible="False" />
				<asp:BoundField DataField="REL_ID" HeaderText="REL_ID" Visible="False" />
				<asp:BoundField DataField="SOLICITADO" DataFormatString="{0:dd/MM/yyyy HH:mm}" HeaderText="Solicitado"
					SortExpression="SOLICITADO" />
				<asp:BoundField DataField="HORAS" HeaderText="HORAS" SortExpression="HORAS" Visible="False" />
				<asp:BoundField DataField="APROVADO" DataFormatString="{0:dd/MM/yyyy HH:mm}" HeaderText="Aprovado"
					SortExpression="APROVADO" />
				<asp:BoundField DataField="HORASAPROV" HeaderText="HORASAPROV" SortExpression="HORASAPROV"
					Visible="False" />
				<asp:BoundField DataField="UserLoginID" HeaderText="UserLoginID" Visible="False" />
			</Columns>
			<PagerTemplate>
				 
			</PagerTemplate>
			<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
			<EmptyDataTemplate>
				 Não Existem Documentos Para Serem Exibidos
			</EmptyDataTemplate>
			<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>
		 <br />
	
	</div>
	</form>
</body>
</html>

Obrigado e um Abraço

quintelab · Julho 7, 2009

Cara dei uma olhada no HTML e aparentemente esta OK.

Teste o mesmo Modal fora da grid para ter certeza que esta OK.

Abraços...

DarkDucke · Fevereiro 21, 2010

Eu também estou com o mesmo problema, preciso executar o modal por um botão dentro de um itemtemplate

e não estou conseguindo!

já resolveram isso?

Obrigado!

Entrar

Arquivado

GridView,LinkButton com ModalPopUpExtender

Recommended Posts

SID_SILVA 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

SID_SILVA 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

SID_SILVA 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

quintelab 91

Compartilhar este post

Link para o post

Compartilhar em outros sites

DarkDucke 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Fixar div até atingir uma certa altura

Ajuda com Extends e envio para o banco

PHP+Codeginiter - Orientação para Impressão

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante