Buenas, la vdd es que soy nuevo en diseño web, y quiero realizar una página en la cual dentro del espacio "ContentPlaceHolder" de mi página maestra se carguen otros web forms. La página maestra tiene un menú de acorddeon y la idea es que al darle clic a cada una de sus opciones se abra la página respectiva dentro del "ContentPlaceHolder" pero sin actualizar el resto de la página. He leído que para esto debo agregal un UpdatePanel, pero ya lo he hecho de la manera que pude y no me ha servido. Pienso que tal vez sea algo en el llamado a los formularios, pero no sé. Quizas alguno me pueda ayudar.
Esta es mi Master Page.
Código PHP:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Principal.master.cs" Inherits="SIPGI_UI.NB" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<link rel="icon" type="image/png" href="/Imagenes/favicon.png"/>
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
</head>
<body>
<form id="form1" runat="server">
<div>
<table cellpadding="0" cellspacing="0" class="Cuerpo">
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="BarraAzul">
<tr>
<td class="LeyendaMenu">
<h1>Menú Principal</h1>
</td>
<td class="Servicio">
<h1>Servicio</h1>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table cellpadding="0" cellspacing="0" class="FilaCentral">
<tr>
<td class="MenuPrincipal">
<div id="accordion-resizer">
<div id="accordion">
<h3><a href="#">Núcleo Sistema</a></h3>
<div>
<ul>
<li><a href="/NS/frmMonedas.aspx">Monedas</a></li>
<li><a href="/NS/frmParametros.aspx">Parámetros Generales</a></li>
<li><a href="/NS/frmParametrosCliente.aspx">Reglas Clientes</a></li>
<li><a href="/NS/frmParametrosClienteMoneda.aspx">Reglas Clientes Moneda</a></li>
</ul>
</div>
<h3><a href="#">Otras Opciones</a></h3>
<div>
<ul>
<li><a href="/CB/frmForm1.aspx">Prueba</a></li>
</ul>
</div>
</div>
</div>
</td>
<td class="Contenedor">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<asp:ContentPlaceHolder ID="ContenidoPrincipal" runat="server">
</asp:ContentPlaceHolder>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<div id ="PiePagina">
<h1>Desarrollado por Jorge - Todos los derechos reservados 2014®</h1>
</div>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
Y esta es una de las páginas que se llama desde el menú frmMonedas.aspx
Código PHP:
<%@ Page Title="" Language="C#" MasterPageFile="~/Principal.Master" AutoEventWireup="true" CodeBehind="frmMonedas.aspx.cs" Inherits="SIPGI_UI.NS.frmMonedas" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContenidoPrincipal" runat="server">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<div id ="Botonera">
<asp:ImageButton class="Boton" ID="btnNuevo" runat="server" ToolTip="Nuevo" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Nuevo.png" Width="26px" />
<asp:ImageButton class="Boton" ID="btnFiltrar" runat="server" ToolTip="Filtrar" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Filtrar.png" Width="26px" />
<asp:ImageButton class="Boton" ID="btnDetalle" runat="server" ToolTip="Detalle" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Detalle.png" Width="26px" />
<asp:ImageButton class="Boton" ID="btnRefrescar" runat="server" ToolTip="Refrescar" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Refrescar.png" Width="26px" />
<asp:ImageButton class="Boton" ID="btnEditar" runat="server" ToolTip="Editar" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Editar.png" Width="26px" />
<asp:ImageButton class="Boton" ID="btnEliminar" runat="server" ToolTip="Eliminar" BorderStyle="None" Height="26px" ImageAlign="AbsBottom" ImageUrl="~/Imagenes/Botones/Eliminar.png" Width="26px" />
</div>
<div class="contenedorDatos">
<div id="grid_UpdatePanel ">
<div style="overflow:auto; width:1162px; height:511px" >
<asp:gridview id="DataGridFilas" runat="server" EmptyDataText="No hay registros" ShowHeaderWhenEmpty="true" CssClass="mGrid"
AutoGenerateColumns="False" GridLines="None" AllowPaging="true" PageSize="25" PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" >
<Columns>
<asp:BoundField DataField="IdEstado" HeaderText="IdEstado" ReadOnly="True"
SortExpression="IdEstado" Visible="False" />
<asp:BoundField DataField="Estado" HeaderText="Estado" SortExpression="Estado" />
<asp:BoundField DataField="IdMoneda" HeaderText="IdMoneda" SortExpression="IdMoneda" />
<asp:BoundField DataField="NombreMoneda" HeaderText="Moneda" SortExpression="NombreMoneda" />
</Columns>
</asp:gridview>
</div>
</div>
</div>
<cc1:ModalPopupExtender ID="mp1" runat="server" PopupControlID="Panl1" TargetControlID="btnNuevo"
CancelControlID="btnCancelar" BackgroundCssClass="Background" OkControlID="btnAceptar" >
</cc1:ModalPopupExtender>
<asp:Panel ID="Panl1" runat="server" CssClass="Popup" style = "display:none;">
<div id="footer">
</div>
<iframe frameborder="0" marginwidth="0" marginheight="0" style=" width: 100%; height: 100%; border-style:none" src="frmMoneda.aspx" runat="server" onclick="{return false;}"></iframe>
<asp:Button ID="btnCancelar" runat="server" Text="Cerrar" />
<asp:Button ID="btnAceptar" runat="server" Text="Aceptar" />
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Content>