Ir para conteúdo

POWERED BY:

Arquivado

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

Ilano

Master Page + AJAX (UpdatePanel e ModalPopupExtender)

Por , em .NET

Recommended Posts

Ilano    0

Ilano
Postado

Olá pessoal,

 

Tenho uma página MasterPage.master, onde coloquei dentro de um UpdatePanel um ContentPlaceHolder.

Logo abaixo, segue um ModalPopupExtender e um Panel.

 

Meu ModalPopupExtender ficou assim:

<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="UpdatePanel1" PopupControlID="Panel1"></cc1:ModalPopupExtender>

 

No Panel, apliquei um estilo para q ele fique semitransparente sobre os componentes. E dentro dele, um UpdateProgress q, por sua vez, carrega uma div onde será exibida uma imagem de Loading.

 

Enfim, o código HTML está como descrito abaixo.

 

Bom, o fato é q ao clicar em um button de uma página aspx carregada dentro do ContentPlaceHolder, o Panel aparece sobre o os controles e nem o botão executa o q ficou definido no evento OnClik e nem tem como o Panel desaparecer para ter acesso aos outros controles das páginas.

 

Como posso fazer com q isso funcione corretamente?

 

Grato,

 

Ilano.

 

<%@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="Administrador_MasterPage" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>FECOP - MENU PRINCIPAL</title>
<link href="../Estilos.css" rel="stylesheet" type="text/css" />
<script src="../CPF_CNPJ.js" type="text/javascript"></script>
<script src="../Funcoes.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<table border="0" cellpadding="0" cellspacing="0" class="Tabelas">
<tr>
<td colspan="1" rowspan="3" valign="top">
</td>
<td colspan="3" rowspan="3" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="Tabelas">
<tr>
<td valign="top">
<asp:Image ID="Image5" runat="server" ImageUrl="~/Imagens/Logo_Calendario.gif" /></td>
<td style="width: 100%" valign="bottom">
 <table border="0" cellpadding="0" cellspacing="0" class="Tabelas">
<tr>
<td colspan="3" rowspan="3" style="text-align: right" valign="top">
<span style="font-size: 11pt">INSTITUTO CENTRO DE ENSINO TECNOLÓGICO - CENTEC</span></td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan="3" rowspan="1" style="text-align: right" valign="top">
<asp:Label ID="LbTitulo" runat="server" Font-Size="10pt"></asp:Label></td>
</tr>
<tr>
<td colspan="3" rowspan="1" style="text-align: right" valign="top">
<span>DIVSÃO TECNOLÓGICA DA INFORMAÇÃO - DTI</span></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td colspan="1" rowspan="3" valign="top" style="width: 11px">
</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan="1" rowspan="1" valign="top">
</td>
<td colspan="3" rowspan="1" style="text-align: left" valign="top">
</td>
<td colspan="1" rowspan="1" valign="top" style="width: 11px">
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" valign="top">
</td>
<td colspan="3" rowspan="1" style="text-align: right" valign="top">
<asp:Label ID="LbData" runat="server"></asp:Label></td>
<td colspan="1" rowspan="1" valign="top" style="width: 11px">
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" valign="top">
</td>
<td colspan="3" rowspan="1" style="text-align: right" valign="top">
<asp:Label ID="LbHora" runat="server"></asp:Label></td>
<td colspan="1" rowspan="1" valign="top" style="width: 11px">
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" valign="top" style="height: 14px">
</td>
<td colspan="3" rowspan="1" valign="top" style="height: 14px">
</td>
<td colspan="1" rowspan="1" valign="top" style="height: 14px; width: 11px;">
</td>
</tr>
<tr>
<td colspan="1" rowspan="1" valign="top">
<div style="width: 16px; height: 100px">
</div>
</td>
<td colspan="3" rowspan="1" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="Tabelas">
<tr>
<td valign="top">
</td>
<td valign="top">
</td>
<td style="width: 100%" valign="top">
</td>
</tr>
<tr>
<td valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="Tabelas">
<tr>
<td colspan="3" rowspan="3" valign="top">
<div style="width: 192px; height: 16px">
Selecione um Módulo:</div>
</td>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td colspan="3" rowspan="1" valign="top">
<asp:DropDownList ID="DDLMenu" runat="server" CssClass="CampoTexto" AutoPostBack="True" DataTextField="Mod_Tipo" DataValueField="Mod_Tipo">
</asp:DropDownList></td>
</tr>
<tr>
<td colspan="3" rowspan="1" style="height: 10px" valign="top">
</td>
</tr>
<tr>
<td colspan="3" rowspan="1" valign="top">
<asp:DataGrid ID="DataGrid1" runat="server" CssClass="grid" AutoGenerateColumns="False">
<AlternatingItemStyle CssClass="gridalternate" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" ForeColor="Black" />
<HeaderStyle CssClass="gridheader" />
<Columns>
<asp:TemplateColumn>
<ItemTemplate>
<asp:HyperLink ID="HyperLink1" runat="server" CssClass="CampoTextoLink" NavigateUrl='<%# DataBinder.Eval(Container, "DataItem.Mod_Arquivo") %>'
Text='<%# DataBinder.Eval(Container, "DataItem.Mod_Nome") %>'></asp:HyperLink>
</ItemTemplate>
</asp:TemplateColumn>
</Columns>
<EditItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" ForeColor="Black" />
<SelectedItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" ForeColor="Black" />
<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" ForeColor="Black" />
</asp:DataGrid></td>
</tr>
<tr>
<td colspan="3" rowspan="1" style="height: 15px" valign="top">
</td>
</tr>
<tr>
<td colspan="3" rowspan="1" valign="top">
<asp:Button ID="BtnUsuarios" runat="server" CssClass="buttonmenu" Text="Trocar Usuário" /></td>
</tr>
</table>
</td>
<td valign="top">
<div style="width: 32px; height: 24px">
</div>
</td>
<td style="width: 100%" valign="top">
<table border="0" cellpadding="0" cellspacing="0" class="TabelasMenuPrincipal">
<tr>
<td valign="top">
<asp:Image ID="Image1" runat="server" ImageUrl="~/Imagens/Top_Esquerdo.gif" /></td>
<td style="width: 100%; background-color: white" valign="top">
</td>
<td valign="top">
<asp:Image ID="Image2" runat="server" ImageUrl="~/Imagens/Top_Direito.gif" /></td>
</tr>
<tr>
<td style="background-color: white" valign="top">
</td>
<td style="width: 100%; background-color: white" valign="top">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:contentplaceholder id="ContentPlaceHolder1" runat="server">
</asp:contentplaceholder>
</ContentTemplate>
</asp:UpdatePanel>
 
</td>
<td style="background-color: white" valign="top">
</td>
</tr>
<tr>
<td style="background-color: white; height: 15px;" valign="top">
</td>
<td style="width: 100%; background-color: white; height: 15px;" valign="top">
<hr class="Linha" />
</td>
<td style="background-color: white; height: 15px;" valign="top">
</td>
</tr>
<tr>
<td style="background-color: white" valign="top">
</td>
<td style="width: 100%; background-color: white" valign="top">
<asp:Label ID="Label1" runat="server" ForeColor="DarkGray" Text="INSTITUTO CENTRO DE ENSINO TECNOLÓGICO - CENTEC<br>NÚCLEO TECNOLÓGICO DA INFORMAÇÃO<br>TARCISIO ESPÍNOLA DE CARVALHO"></asp:Label></td>
<td style="background-color: white" valign="top">
</td>
</tr>
<tr>
<td valign="top">
<asp:Image ID="Image3" runat="server" ImageUrl="~/Imagens/Bottom_Esquerdo.gif" /></td>
<td style="width: 100%; background-color: white" valign="top">
</td>
<td valign="top">
<asp:Image ID="Image4" runat="server" ImageUrl="~/Imagens/Bottom_Direito.gif" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td colspan="1" rowspan="1" valign="top" style="width: 11px">
<div style="width: 16px; height: 100px">
</div>
</td>
</tr>
</table>
</div>
<cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="UpdatePanel1" PopupControlID="Panel1"></cc1:ModalPopupExtender>
<br />
<asp:Panel ID="Panel1" runat="server" CssClass="ModalBackground">
<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
<ProgressTemplate>
<div class="divLoading" runat="server" style="width: 100px; height: 100px" id="divLoad">
</div>
</ProgressTemplate>
</asp:UpdateProgress>
</asp:Panel>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Albert.Kellner    0

Albert.Kellner
Postado

Ilano, beleza?

 

acho q nao dá pra usar AJAX nesse caso... você está carregando outra pagina, nao está?

 

AJAX só funciona para controles da propria página...

 

ja procurei muuuuito como fazer isso...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Ilano    0

Ilano
Postado

Olá Albert.Kellner,

 

Bem, pesquisando na internet descobri q no MasterPage deverá ficar apenas o ScriptManager e nas páginas ASPX é q deverão estar os PanelsUpdates. Bem, agora a idéia já muda um pouco. Depois de fazer alguns testes com usuários, vi a necessidade de se colocar um Panel sobre os controles para q não seja possível clicar até q a página seja carregada.

Descobri q poderia utilizar o componente ModalUpdateProgress, mas não sei como utilizá-lo. Será q você poderia me ajudar? Sei q agora está um pouco diferente daquilo q procurei no início do post, mas será q você poderia me orientar quanto a isso?

 

Grato,

 

Ilano.

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