Asp.net 3.5+Ajax+Updatepanel+User Control
Publicado por Leidy (2 intervenciones) el 08/12/2008 19:50:42
Saludos a todos , empiezo a incursionar en la programación en asp.net 3.5+ Ajax y se me ha presentado el siguiente inconveniente:
- Tengo un UserControl que es usado luego en una pagina principal, el User Control tiene un Updatepanel para evitar que la pagina principal haga postback al darle click al botón (Registrar) el codigo que he aplicado tanto en el User Control como en la pagina principal es el siguiente:
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="RegistroAsistencia.ascx.cs" Inherits="ApoyoProyectos.RegistroAsistencia" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table border="1" width=100%>
<tr>
<td >
<asp:label id="lblTitulo" runat="server" CssClass="TextoCEO">Control de asistencia: Seleccione la opción que correponda y presione registrar, puede agregar observaciones de ser necesario.</asp:label>
</td>
</tr>
<tr>
<td>
<span class="TextoCEO">Evento: </span><asp:dropdownlist id="ddlTipoReporte" runat="server" Width="200px"></asp:dropdownlist>
<span class="TextoCEO">Observación: </span>
<asp:textbox id="tbObservaciones" runat="server"></asp:textbox>
<asp:button id="btnRegistrar" runat="server" Text="Registrar" CssClass="BotonCEO"></asp:button>
<!-- Start JavaScript Clock Code -->
<span id="js_clock" class="TextoCEO">
<script type="text/javascript"language="javascript">function js_clock(){var clock_time = new Date();var clock_hours = clock_time.getHours();var clock_minutes = clock_time.getMinutes();var clock_seconds = clock_time.getSeconds();var clock_suffix = "a.m.";if (clock_hours > 11){clock_suffix = "p.m.";clock_hours = clock_hours - 12;}if (clock_hours == 0){clock_hours = 12;}if (clock_hours < 10){clock_hours = "0" + clock_hours;}if (clock_minutes < 10){clock_minutes = "0" + clock_minutes;}if (clock_seconds < 10){clock_seconds = "0" + clock_seconds;}var clock_div = document.getElementById('js_clock');clock_div.innerHTML = clock_hours + ":" + clock_minutes + ":" + clock_seconds + " " + clock_suffix;setTimeout("js_clock()", 1000);}js_clock();</script>
</span>
<!-- End JavaScript Clock Code -->
<asp:Label id="lblDescripcion" runat="server" CssClass="TextoCEO"></asp:Label>
</td>
<tr>
<td >
<asp:button id="Button1" runat="server" Text="Ver Reporte Asistencia" CssClass="BotonCEO"></asp:button>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
y el de la pagina principal es el siguiente:
<%@ Register TagPrefix="uc1" TagName="RegistroAsistencia" Src="../Asistencia/RegistroAsistencia.ascx" %>
<%@ Page language="c#" Codebehind="Horas.aspx.cs" AutoEventWireup="false" Inherits="ReportarHoras" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Reportar Horas</title>
</HEAD>
<body class="Body">
<form id="Form1" method="post" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<table>
<tr>
<td colSpan="7">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<uc1:registroasistencia id="RegistroAsistencia1" runat="server"></uc1:registroasistencia>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</form>
</body>
</HTML>
He seguido los pasos que he leido en varias paginas, pero la verdad no logro dar con el hecho de que aun se este realizando el postback en la pagina, cualquier ayuda o info que que pueda ayudarme sera bienvenida...De antemano Muchas Gracias!
- Tengo un UserControl que es usado luego en una pagina principal, el User Control tiene un Updatepanel para evitar que la pagina principal haga postback al darle click al botón (Registrar) el codigo que he aplicado tanto en el User Control como en la pagina principal es el siguiente:
<%@ Control Language="c#" AutoEventWireup="false" Codebehind="RegistroAsistencia.ascx.cs" Inherits="ApoyoProyectos.RegistroAsistencia" TargetSchema="http://schemas.microsoft.com/intellisense/ie5"%>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<table border="1" width=100%>
<tr>
<td >
<asp:label id="lblTitulo" runat="server" CssClass="TextoCEO">Control de asistencia: Seleccione la opción que correponda y presione registrar, puede agregar observaciones de ser necesario.</asp:label>
</td>
</tr>
<tr>
<td>
<span class="TextoCEO">Evento: </span><asp:dropdownlist id="ddlTipoReporte" runat="server" Width="200px"></asp:dropdownlist>
<span class="TextoCEO">Observación: </span>
<asp:textbox id="tbObservaciones" runat="server"></asp:textbox>
<asp:button id="btnRegistrar" runat="server" Text="Registrar" CssClass="BotonCEO"></asp:button>
<!-- Start JavaScript Clock Code -->
<span id="js_clock" class="TextoCEO">
<script type="text/javascript"language="javascript">function js_clock(){var clock_time = new Date();var clock_hours = clock_time.getHours();var clock_minutes = clock_time.getMinutes();var clock_seconds = clock_time.getSeconds();var clock_suffix = "a.m.";if (clock_hours > 11){clock_suffix = "p.m.";clock_hours = clock_hours - 12;}if (clock_hours == 0){clock_hours = 12;}if (clock_hours < 10){clock_hours = "0" + clock_hours;}if (clock_minutes < 10){clock_minutes = "0" + clock_minutes;}if (clock_seconds < 10){clock_seconds = "0" + clock_seconds;}var clock_div = document.getElementById('js_clock');clock_div.innerHTML = clock_hours + ":" + clock_minutes + ":" + clock_seconds + " " + clock_suffix;setTimeout("js_clock()", 1000);}js_clock();</script>
</span>
<!-- End JavaScript Clock Code -->
<asp:Label id="lblDescripcion" runat="server" CssClass="TextoCEO"></asp:Label>
</td>
<tr>
<td >
<asp:button id="Button1" runat="server" Text="Ver Reporte Asistencia" CssClass="BotonCEO"></asp:button>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
y el de la pagina principal es el siguiente:
<%@ Register TagPrefix="uc1" TagName="RegistroAsistencia" Src="../Asistencia/RegistroAsistencia.ascx" %>
<%@ Page language="c#" Codebehind="Horas.aspx.cs" AutoEventWireup="false" Inherits="ReportarHoras" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>Reportar Horas</title>
</HEAD>
<body class="Body">
<form id="Form1" method="post" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server"/>
<table>
<tr>
<td colSpan="7">
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<ContentTemplate>
<uc1:registroasistencia id="RegistroAsistencia1" runat="server"></uc1:registroasistencia>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</form>
</body>
</HTML>
He seguido los pasos que he leido en varias paginas, pero la verdad no logro dar con el hecho de que aun se este realizando el postback en la pagina, cualquier ayuda o info que que pueda ayudarme sera bienvenida...De antemano Muchas Gracias!
Valora esta pregunta
0