XML – ASP.Net Cargar Datos a un Repeater

Esta parte es más sencilla y rápida de configurar, esto es por que lo que hacemos es cargar los datos de nuestro XML en un DataSet que utilizaremos como dataSource para nuestro Control de Asp.Net, en nuestro caso un Repeater (puede también ser un control GridView)

El código de nuestra página CSTest.aspx.cs (Creada para cargar los datos) es el siguiente:

protected void Page_Load(object sender, EventArgs e)
{
    DataSet DS = new DataSet();
    DS.ReadXml(MapPath(“~/App_Data/Samples.xml”));
    rptCases.DataSource = DS;
    rptCases.DataBind();
}

Mientras que el código tipo html en nuestro  CSTest.aspx sería:

<div>
    <asp:CheckBox ID=”chkSelitionable” runat=”server” AutoPostBack=”True”
        Text=”See The Outstanding Cases (Check Here)” TextAlign=”Left”
        Visible=”False” />
    <asp:Repeater ID=”rptCases” runat=”server”>
             <ItemTemplate>
             <br />
             <p>
             ID&nbsp;=&nbsp<asp:Label ID=”lblID” runat=”server” Text='<%# Bind(“SampleID“) %>’ /></p>
             <p>
                <h3>&nbsp;&nbsp;<asp:Label ID=”lblName” runat=”server” Text='<%# Bind(“SampleName“) %>’></asp:Label></h3>                   </p>
              <p><asp:HyperLink ID=”lnkDate” runat=”server” Text='<%# Bind(“SampleDate“) %>’ NavigateUrl='<%# Bind(“SampleName”) %>’ Target=”_blank”></asp:HyperLink>
&nbsp;&nbsp;
            </p>
                 <p>
                     <asp:Label ID=”lblDescription” runat=”server” Text='<%# Bind(“SampleDescription“) %>’></asp:Label>
                 </p>
                 <div><!– empty –></div>                        
             </ItemTemplate>
    </asp:Repeater>
</div>

Agrego controles Label dentro del repeater, en los que le doy el valor del dato traido del XML dentro del atributo Text (Text='<%# Bind(“XXXX“) %>’), en donde las XXXX corresponden al elemento o atributo dentro de nuestro archivo  Samples.XML guardado en la carpeta App_Data de nuestra aplicación.

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

Crea un blog o un sitio web gratuitos con WordPress.com.

Subir ↑

A %d blogueros les gusta esto: