43-.Aplicaciones web.Objeto Calendar
- En este capítulo del curso de programación en c# con visual studio 2017,vamos a ver un control de uso común en muchas de las páginas web que utilizamos habitualmente. Este control es el ListView, que es un componente que muestra los valores de un origen de datos previamente seleccionado ,mediante plantillas definidas por el usuario.- En esta ocasión vamos a cargar los datos del control utilizando el asistente que trae Visual Studio 2017. Este asistente nos permite seleccionar un origen de datos que puede ser un base de datos SQL o un fichero XML entre otros. En nuestro ejemplo vamos a enlazar el control a un procedimiento almacenado que nos devuelve el listado de paises y su código correspondiente.
- Una vez enlazado a un origen de datos como habéis visto en el video, es posible utilizar una de las plantillas predefinidas para visualizar los datos como más nos interesen.
- Como en el resto de controles de .NET también es posible editar las propiedades y eventos del control desde el fichero .cs en el que este alojado el control.
- Os dejo un enlace a la MSDN con más información y el código de la página aspx donde hemos alojado nuestro control de pruebas:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="EjemploControlesVarios.aspx.cs" Inherits="GestionVarios.EjemploControlesVarios" %>
<!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>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Calendar ID="Calendar1" runat="server" ></asp:Calendar>
<asp:Label runat="server" ID="lblMostrar"></asp:Label>
<asp:Button runat="server" ID="btnClic" Text="Dale" OnClick="btnClic_Click" />
<br />
<br />
<asp:FileUpload ID="fileUpload" runat="server" />
<asp:Button ID="btnFileUploada" runat="server" Text="Guardar" OnClick="btnFileUploada_Click" />
<asp:Label runat="server" ID="lblFileupload"></asp:Label>
<asp:HiddenField ID="HiddenField1" runat="server" />
<br />
<br />
<asp:ListView ID="ListView1" runat="server" DataSourceID="SqlDataSourcePaises" OnSelectedIndexChanging="ListView1_SelectedIndexChanging" >
<AlternatingItemTemplate>
<span style="background-color: #FAFAD2;color: #284775;">Pais:
<asp:Label ID="PaisLabel" runat="server" Text='<%# Eval("Pais") %>' />
<br />
CodPais:
<asp:Label ID="CodPaisLabel" runat="server" Text='<%# Eval("CodPais") %>' />
<br />
<br />
</span>
</AlternatingItemTemplate>
<EditItemTemplate>
<span style="background-color: #FFCC66;color: #000080;">Pais:
<asp:TextBox ID="PaisTextBox" runat="server" Text='<%# Bind("Pais") %>' />
<br />
CodPais:
<asp:TextBox ID="CodPaisTextBox" runat="server" Text='<%# Bind("CodPais") %>' />
<br />
<asp:Button ID="UpdateButton" runat="server" CommandName="Update" Text="Actualizar" />
<asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Cancelar" />
<br />
<br />
</span>
</EditItemTemplate>
<EmptyDataTemplate>
<span>No se han devuelto datos.</span>
</EmptyDataTemplate>
<InsertItemTemplate>
<span style="">Pais:
<asp:TextBox ID="PaisTextBox" runat="server" Text='<%# Bind("Pais") %>' />
<br />
CodPais:
<asp:TextBox ID="CodPaisTextBox" runat="server" Text='<%# Bind("CodPais") %>' />
<br />
<asp:Button ID="InsertButton" runat="server" CommandName="Insert" Text="Insertar" />
<asp:Button ID="CancelButton" runat="server" CommandName="Cancel" Text="Borrar" />
<br />
<br />
</span>
</InsertItemTemplate>
<ItemTemplate>
<span style="background-color: #FFFBD6;color: #333333;">Pais:
<asp:Label ID="PaisLabel" runat="server" Text='<%# Eval("Pais") %>' />
<br />
CodPais:
<asp:Label ID="CodPaisLabel" runat="server" Text='<%# Eval("CodPais") %>' />
<br />
<br />
</span>
</ItemTemplate>
<LayoutTemplate>
<div id="itemPlaceholderContainer" runat="server" style="font-family: Verdana, Arial, Helvetica, sans-serif;">
<span runat="server" id="itemPlaceholder" />
</div>
<div style="text-align: center;background-color: #FFCC66;font-family: Verdana, Arial, Helvetica, sans-serif;color: #333333;">
<asp:DataPager ID="DataPager1" runat="server">
<Fields>
<asp:NextPreviousPagerField ButtonType="Button" ShowFirstPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
<asp:NumericPagerField />
<asp:NextPreviousPagerField ButtonType="Button" ShowLastPageButton="True" ShowNextPageButton="False" ShowPreviousPageButton="False" />
</Fields>
</asp:DataPager>
</div>
</LayoutTemplate>
<SelectedItemTemplate>
<span style="background-color: #FFCC66;font-weight: bold;color: #000080;">Pais:
<asp:Label ID="PaisLabel" runat="server" Text='<%# Eval("Pais") %>' />
<br />
CodPais:
<asp:Label ID="CodPaisLabel" runat="server" Text='<%# Eval("CodPais") %>' />
<br />
<br />
</span>
</SelectedItemTemplate>
</asp:ListView>
<asp:SqlDataSource ID="SqlDataSourcePaises" runat="server" ConnectionString="<%$ ConnectionStrings:EmpresaConnectionString %>" SelectCommand="DamePaises" SelectCommandType="StoredProcedure"></asp:SqlDataSource>
</div>
</form>
</body>
</html>
No hay comentarios:
Publicar un comentario