MODALPOPUPEXTENDER NO APARECE CON SHOW
Publicado por Axel2009 (1 intervención) el 16/02/2009 17:14:52
Hola a todos
Me pongo en manos de vuestra sabiduria, pq despues de varios dias, no he sido capaz de dar con el problema. Os cuento. Tengo una pagina web con 3 datagrid que se cargan dinamicamente en base al valor del anterior. Solo tengo que editar el ultimo datagrid, y para ello he usado un ModalPopUpExtender. Cuando pruebo el codigo por libre funciona perfecto, pero al integrarlo en la pagina (lo relaciono con un ImageButton en el ultimo Gridview), el codigo llega hasta el metodo .show(), pero no muestra nada. Me voy a volver loco!! Igual tiene que ver con los modos de actualizacion de los updates, pero ya no se por donde cogerlo. He probado de todas las maneras.
Os dejo el codigo por si se os ocurre algo.
Gracias de antemano por vuestro tiempo.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:Image ID="Image1" runat="server" Height="120px" ImageUrl="~/GT.gif"
Width="192px" />
<asp:Panel ID="Panel1" runat="server">
<br />
<table class="style1">
<tr>
<td class="style2">
<asp:Label ID="Label1" runat="server" Text="Servidor"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label2" runat="server" Text="BBDD"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label3" runat="server" Text="User"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label4" runat="server" Text="Password"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</td>
</tr>
</table> <br />
<asp:CheckBox ID="CheckBox1" runat="server"
Text="Recuerda mis datos de acceso." />
<asp:Button ID="Button1" runat="server" Height="23px" Text="Conectar"
Width="68px" />
<br />
</asp:Panel> <br />
<asp:Panel ID="Panel2" runat="server" >
<asp:Label ID="Label5" runat="server" Text="Tipo de Dispositivos a mostrar:"></asp:Label>
<br />
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
Height="20px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
Width="170px">
<asp:ListItem>PROGRAMADORES</asp:ListItem>
<asp:ListItem>SENSORES</asp:ListItem>
<asp:ListItem>CONCENTRADORES</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button2" runat="server" Height="23px" Text="Ver Dispositivos" />
<asp:Button ID="Button3" runat="server" Height="23px"
Text="Cambiar Base de Datos" Width="162px" />
<br />
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click">
</asp:AsyncPostBackTrigger>
<asp:AsyncPostBackTrigger ControlID="DropDownList1"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
AutoGenerateColumns="False" AutoGenerateSelectButton="True" CellPadding="4"
DataKeyNames="IdDispositivo,TipoDispositivo" ForeColor="#333333"
GridLines="None" Caption="Dispositivos Disponibles">
<RowStyle BackColor="#E3EAEB" />
<Columns>
<asp:BoundField DataField="NombreDispositivo" HeaderText="Nombre"
SortExpression="NombreDispositivo" />
<asp:BoundField DataField="IdDispositivo" HeaderText="Id"
SortExpression="IdDispositivo" />
<asp:BoundField DataField="Bateria" HeaderText="Batería"
SortExpression="Bateria" />
<asp:BoundField DataField="Estado" HeaderText="Estado"
SortExpression="Estado" />
</Columns>
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<br />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="True"
UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="GridView1"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate><table>
<tr>
<td>
<asp:GridView ID="DetallesValvulas" runat="server" AutoGenerateColumns="False"
AutoGenerateSelectButton="True" BackColor="#DEBA84" BorderColor="#DEBA84"
BorderStyle="None" BorderWidth="1px" Caption="Valvulas Disponibles"
CellPadding="3" CellSpacing="2" DataKeyNames="IdValvula,NombreValv">
<RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
<Columns>
<asp:BoundField DataField="IdValvula" HeaderText="Id"
SortExpression="IdValvula" />
<asp:BoundField DataField="NombreValv" HeaderText="Nombre"
SortExpression="NombreValv" />
</Columns>
<FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
<PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
</asp:GridView>
</td>
<td>
</td>
<td>
<asp:UpdatePanel ID="updProgram" runat="server" ChildrenAsTriggers="True"
UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger controlid="DetalleProgramas" eventname="Sorting" />
<asp:AsyncPostBackTrigger ControlID="DetallesValvulas"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="DetalleProgramas" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px"
Caption="Detalle Programas" CellPadding="3"
DataKeyNames="IdPrograma,Hora,Dias,Cantidad,Magnitud" GridLines="Horizontal">
<RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
<Columns>
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:ImageButton ID="btnEdit" runat="server" CausesValidation="false"
OnClick="btnEditProgram_Click" SkinID="GridEditButton" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Hora" HeaderText="Hora" SortExpression="Hora" />
<asp:BoundField DataField="Dias" HeaderText="Dias" SortExpression="Dias" />
<asp:BoundField DataField="Cantidad" HeaderText="Cantidad"
SortExpression="Cantidad" />
<asp:BoundField DataField="Magnitud" HeaderText="Ud"
SortExpression="Magnitud" />
<asp:BoundField DataField="IdPrograma" HeaderText="Id" ReadOnly="True"
SortExpression="IdPrograma" />
</Columns>
<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
<PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
<AlternatingRowStyle BackColor="#F7F7F7" />
</asp:GridView>
<!--cheesy button for the modal popups target control-->
<asp:Button ID="btnHiddenProgram" runat="Server" Style="display: none" />
<ajaxToolKit:ModalPopupExtender ID="mpeProgram" runat="server"
BackgroundCssClass="modalBackground" CancelControlID="btnCancelPanel"
Drag="true" PopupControlID="pnlProgram" TargetControlID="btnHiddenProgram">
</ajaxToolKit:ModalPopupExtender>
<asp:Panel ID="pnlProgram" runat="server" CssClass="modalBox"
Style="display: none;" Width="400px">
<asp:Panel ID="ProgramCaption" runat="server" CssClass="caption"
Style="margin-bottom: 10px; cursor: hand;">
Editar Programa</asp:Panel>
<asp:HiddenField ID="hidProgramEditIndex" runat="server" Value="-1" />
<div class="divCol">
Detalle Programa
</div>
<div class="divColLast">
<asp:TextBox ID="txtHora" runat="server"></asp:TextBox>
<asp:TextBox ID="txtDias" runat="server"></asp:TextBox>
<asp:TextBox ID="txtCantidad" runat="server"></asp:TextBox>
<asp:TextBox ID="txtMagnitud" runat="server"></asp:TextBox>
</div>
<div class="clearer">
</div>
<div style="white-space: nowrap; text-align: center;">
<asp:Button ID="btnSaveProgram" runat="server" OnClick="btnSaveProgram_Click"
Text="Save" />
<asp:Button ID="btnCancelProgram" runat="server" CausesValidation="false"
Text="Cancel" />
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel4" runat="server">
<ContentTemplate>
<asp:GridView ID="DetallesSensor" runat="server" AllowPaging="True"
CellPadding="4" ForeColor="#333333" GridLines="None" Caption="Lecturas Sensor">
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<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>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</div>
</form>
</body>
</html>
Me pongo en manos de vuestra sabiduria, pq despues de varios dias, no he sido capaz de dar con el problema. Os cuento. Tengo una pagina web con 3 datagrid que se cargan dinamicamente en base al valor del anterior. Solo tengo que editar el ultimo datagrid, y para ello he usado un ModalPopUpExtender. Cuando pruebo el codigo por libre funciona perfecto, pero al integrarlo en la pagina (lo relaciono con un ImageButton en el ultimo Gridview), el codigo llega hasta el metodo .show(), pero no muestra nada. Me voy a volver loco!! Igual tiene que ver con los modos de actualizacion de los updates, pero ya no se por donde cogerlo. He probado de todas las maneras.
Os dejo el codigo por si se os ocurre algo.
Gracias de antemano por vuestro tiempo.
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolKit" %>
<!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></title>
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<div>
<asp:Image ID="Image1" runat="server" Height="120px" ImageUrl="~/GT.gif"
Width="192px" />
<asp:Panel ID="Panel1" runat="server">
<br />
<table class="style1">
<tr>
<td class="style2">
<asp:Label ID="Label1" runat="server" Text="Servidor"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label2" runat="server" Text="BBDD"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label3" runat="server" Text="User"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td class="style2">
<asp:Label ID="Label4" runat="server" Text="Password"></asp:Label>
</td>
<td>
<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox>
</td>
</tr>
</table> <br />
<asp:CheckBox ID="CheckBox1" runat="server"
Text="Recuerda mis datos de acceso." />
<asp:Button ID="Button1" runat="server" Height="23px" Text="Conectar"
Width="68px" />
<br />
</asp:Panel> <br />
<asp:Panel ID="Panel2" runat="server" >
<asp:Label ID="Label5" runat="server" Text="Tipo de Dispositivos a mostrar:"></asp:Label>
<br />
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
Height="20px" OnSelectedIndexChanged="DropDownList1_SelectedIndexChanged"
Width="170px">
<asp:ListItem>PROGRAMADORES</asp:ListItem>
<asp:ListItem>SENSORES</asp:ListItem>
<asp:ListItem>CONCENTRADORES</asp:ListItem>
</asp:DropDownList>
<asp:Button ID="Button2" runat="server" Height="23px" Text="Ver Dispositivos" />
<asp:Button ID="Button3" runat="server" Height="23px"
Text="Cambiar Base de Datos" Width="162px" />
<br />
<br />
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="Button1" EventName="Click">
</asp:AsyncPostBackTrigger>
<asp:AsyncPostBackTrigger ControlID="DropDownList1"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True"
AutoGenerateColumns="False" AutoGenerateSelectButton="True" CellPadding="4"
DataKeyNames="IdDispositivo,TipoDispositivo" ForeColor="#333333"
GridLines="None" Caption="Dispositivos Disponibles">
<RowStyle BackColor="#E3EAEB" />
<Columns>
<asp:BoundField DataField="NombreDispositivo" HeaderText="Nombre"
SortExpression="NombreDispositivo" />
<asp:BoundField DataField="IdDispositivo" HeaderText="Id"
SortExpression="IdDispositivo" />
<asp:BoundField DataField="Bateria" HeaderText="Batería"
SortExpression="Bateria" />
<asp:BoundField DataField="Estado" HeaderText="Estado"
SortExpression="Estado" />
</Columns>
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<AlternatingRowStyle BackColor="White" />
</asp:GridView>
<br />
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel2" runat="server" ChildrenAsTriggers="True"
UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger ControlID="GridView1"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate><table>
<tr>
<td>
<asp:GridView ID="DetallesValvulas" runat="server" AutoGenerateColumns="False"
AutoGenerateSelectButton="True" BackColor="#DEBA84" BorderColor="#DEBA84"
BorderStyle="None" BorderWidth="1px" Caption="Valvulas Disponibles"
CellPadding="3" CellSpacing="2" DataKeyNames="IdValvula,NombreValv">
<RowStyle BackColor="#FFF7E7" ForeColor="#8C4510" />
<Columns>
<asp:BoundField DataField="IdValvula" HeaderText="Id"
SortExpression="IdValvula" />
<asp:BoundField DataField="NombreValv" HeaderText="Nombre"
SortExpression="NombreValv" />
</Columns>
<FooterStyle BackColor="#F7DFB5" ForeColor="#8C4510" />
<PagerStyle ForeColor="#8C4510" HorizontalAlign="Center" />
<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#A55129" Font-Bold="True" ForeColor="White" />
</asp:GridView>
</td>
<td>
</td>
<td>
<asp:UpdatePanel ID="updProgram" runat="server" ChildrenAsTriggers="True"
UpdateMode="Conditional">
<Triggers>
<asp:AsyncPostBackTrigger controlid="DetalleProgramas" eventname="Sorting" />
<asp:AsyncPostBackTrigger ControlID="DetallesValvulas"
EventName="SelectedIndexChanged" />
</Triggers>
<ContentTemplate>
<asp:GridView ID="DetalleProgramas" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px"
Caption="Detalle Programas" CellPadding="3"
DataKeyNames="IdPrograma,Hora,Dias,Cantidad,Magnitud" GridLines="Horizontal">
<RowStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" />
<Columns>
<asp:TemplateField ShowHeader="False">
<ItemTemplate>
<asp:ImageButton ID="btnEdit" runat="server" CausesValidation="false"
OnClick="btnEditProgram_Click" SkinID="GridEditButton" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Hora" HeaderText="Hora" SortExpression="Hora" />
<asp:BoundField DataField="Dias" HeaderText="Dias" SortExpression="Dias" />
<asp:BoundField DataField="Cantidad" HeaderText="Cantidad"
SortExpression="Cantidad" />
<asp:BoundField DataField="Magnitud" HeaderText="Ud"
SortExpression="Magnitud" />
<asp:BoundField DataField="IdPrograma" HeaderText="Id" ReadOnly="True"
SortExpression="IdPrograma" />
</Columns>
<FooterStyle BackColor="#B5C7DE" ForeColor="#4A3C8C" />
<PagerStyle BackColor="#E7E7FF" ForeColor="#4A3C8C" HorizontalAlign="Right" />
<SelectedRowStyle BackColor="#738A9C" Font-Bold="True" ForeColor="#F7F7F7" />
<HeaderStyle BackColor="#4A3C8C" Font-Bold="True" ForeColor="#F7F7F7" />
<AlternatingRowStyle BackColor="#F7F7F7" />
</asp:GridView>
<!--cheesy button for the modal popups target control-->
<asp:Button ID="btnHiddenProgram" runat="Server" Style="display: none" />
<ajaxToolKit:ModalPopupExtender ID="mpeProgram" runat="server"
BackgroundCssClass="modalBackground" CancelControlID="btnCancelPanel"
Drag="true" PopupControlID="pnlProgram" TargetControlID="btnHiddenProgram">
</ajaxToolKit:ModalPopupExtender>
<asp:Panel ID="pnlProgram" runat="server" CssClass="modalBox"
Style="display: none;" Width="400px">
<asp:Panel ID="ProgramCaption" runat="server" CssClass="caption"
Style="margin-bottom: 10px; cursor: hand;">
Editar Programa</asp:Panel>
<asp:HiddenField ID="hidProgramEditIndex" runat="server" Value="-1" />
<div class="divCol">
Detalle Programa
</div>
<div class="divColLast">
<asp:TextBox ID="txtHora" runat="server"></asp:TextBox>
<asp:TextBox ID="txtDias" runat="server"></asp:TextBox>
<asp:TextBox ID="txtCantidad" runat="server"></asp:TextBox>
<asp:TextBox ID="txtMagnitud" runat="server"></asp:TextBox>
</div>
<div class="clearer">
</div>
<div style="white-space: nowrap; text-align: center;">
<asp:Button ID="btnSaveProgram" runat="server" OnClick="btnSaveProgram_Click"
Text="Save" />
<asp:Button ID="btnCancelProgram" runat="server" CausesValidation="false"
Text="Cancel" />
</div>
</asp:Panel>
</ContentTemplate>
</asp:UpdatePanel>
</td>
</tr>
</table>
</ContentTemplate>
</asp:UpdatePanel>
<asp:UpdatePanel ID="UpdatePanel4" runat="server">
<ContentTemplate>
<asp:GridView ID="DetallesSensor" runat="server" AllowPaging="True"
CellPadding="4" ForeColor="#333333" GridLines="None" Caption="Lecturas Sensor">
<RowStyle BackColor="#F7F6F3" ForeColor="#333333" />
<FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#284775" ForeColor="White" HorizontalAlign="Center" />
<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>
</ContentTemplate>
</asp:UpdatePanel>
</asp:Panel>
</div>
</form>
</body>
</html>
Valora esta pregunta
0