Master Page - UpdatePanel - ContentPlaceHolder

joclabag · #1 (**permalink**) 10/12/2014, 13:38

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>

othix · #2 (**permalink**) 15/12/2014, 14:27

Prueba poner el menu dentro de un update panel,

<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>

Fatimould · #3 (**permalink**) 15/12/2014, 22:08

The Premium Kit offers the complete ClearSmoke experience within a stylish presentation box, which doubles as a sturdy storage case for your accessories. So, with the starter kit in hand lets take a closer look and see what its like.. The question is who? I feel that is the way you'll get the best results with Clear Smoke and that I am not happy with Clear Smoke.
Anyway, i am here to try their product, not write a company history! For full disclosure I want it to be known that this kit was received free of charge [URL="http://yaconrootmaxblogs.com/clear-smoke/"]Clear Smoke[/URL]. I was recently contacted to see if I would like to do an updated review so here I am with the new Clearsmoke kit!

====>>>>http://yaconrootmaxblogs.com/clear-smoke/