Integrazione PaPal – Visualizziamo gli Articoli

Ora dobbiamo estrapolare i dati dal nostro Db e inserirli nella nostra pagina/e.

Utilizzando un db il numero di pagine per visualizzare gli articoli diminuisco fino a ridursi a 1.

In pratica in un’unica pagina noi possiamo raccogliere tutti gli articoli e filtrarli e ricercarli in molteplici modi.

All’interno della nostra pagina potremmo inserire un codice del genere:

 <asp:DataList ID="DataList1" runat="server" CellPadding="0" Width="100%" CssClass="header"
                        BackColor="#F4FFE4" BorderColor="#CC9966" BorderWidth="1px" BorderStyle="Solid"
                        GridLines="Both">
                        <FooterStyle BackColor="#FFFFCC" ForeColor="#330099" />
                        <AlternatingItemStyle BackColor="white" />
                        <ItemStyle BackColor="#F4FFE4" ForeColor="#330099" />
                        <SelectedItemStyle BackColor="#78d2ef" ForeColor="#663399" Font-Bold="True" />
                        <HeaderStyle BackColor="#990000" Font-Bold="True" ForeColor="#FFFFCC" />
                        <ItemTemplate>
                            <div onmouseover="sel('<%# "o" & Eval("id_articolo") %>')" onmouseout="Desel('<%# "o" & Eval("id_articolo") %>')">
                                <table id='<%# "o" & Eval("id_articolo") %>' width="100%" class='<%# Eval("offerta") %>'
                                    cellpadding="0" cellspacing="0">
                                    <tr>
                                        <td style="width: 100px" align="center">
                                            <img alt="Provola" src='/immaginiArticoli/<%# Eval("pathImmagine") %>' height="70px"
                                                id='<%# Eval("pathImmagine") %>' />
                                        </td>
                                        <td align="left">
                                            <asp:Label Font-Size="20px" ID="NomeArticoloLabel" runat="server" Text='<%# Eval("NomeArticolo") %>' />
                                            <br />
                                            <br />
                                            <b>Contenuto:</b><asp:Label ID="Label1" runat="server" Text='<%# Eval("ML") & " ML"%>' />
                                            <br />
                                        </td>
                                        <td style="width: 100px;" align="right">
                                            <b>Prezzo:</b><br />
                                            <asp:Label Font-Size="16px" ID="PrezzoLabel1" runat="server" Text='<%# Eval("Prezzo") & " EUR -"%>' /><br />
                                            <asp:Label Font-Size="16px" ID="Label2" runat="server" Text='<%# Eval("Sconto") & " % ="%>' /><br />
                                            <hr />
                                            <font color="red">
                                                <asp:Label Font-Size="16px" ID="Label3" runat="server" Text='<%#Math.Round((eval("Prezzo")-((eval("Prezzo")*Eval("Sconto"))/100)),1, MidpointRounding.ToEven )& " EUR"%>' /></font>
                                        </td>
                                        <td style="width: 200px" align="center">
                                            <asp:ImageButton runat="server" CommandName="immettiCarrello" CommandArgument='<%# Eval("ID_articolo") %>'
                                                ImageUrl="/immagini/carrello_b.png" ID='ImageButton1' Width="50px" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="5">
                                            <a href="javascript:opendetail('<%# Eval("ID_articolo") %>')">Maggiori informazioni</a>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <br />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </ItemTemplate>
                    </asp:DataList>
         <asp:AccessDataSource ID="_dbArticoliTutti" runat="server" DataFile="~/App_Data/articoli.mdb"
            DataSourceMode="DataSet" SelectCommand="SELECT * FROM [RicercaArticoloTutti]">
        </asp:AccessDataSource>

Non vi sconbussolate
In pratica il codice sopra non è altro che un Datalist ASP.net formattato e colorato con all’interno tutto l’occorrento per vederei nostri bellissimi articoli.

In fondo c’è anche un nuovo componente: asp:AccessDataSource

Andiamo a Spiegare.

Il Datalist non è altro che un raccoglitore di dati.

C’è la possibiliti di formattarli come meglio si creda.

I valori dei campi vengoni inserititramite apposito codice server inserito all’interno delle pagine html.

Il codice in questione, che trovate anche nell’esempio di cui sopra, è:

<%#Eval("nomecampoDB") %>

Quindi i simboli “<%” e “%>” sono i tag di apertura e chiusura per inserire codice server-side da pagine html.
Invece “#Eval(“nomecampoDB”)” non fa altro che estrapolare il valore del campo e di riportarlo nella posizione voluta.
Osservando il codice di cui sopra si vedrà che all’interno del Datalist vengono riporatati tutti i valori degli articoli in posizione determinare per far si che la formattazione si il più corretta possibile e gradevole

Il controllo “asp:AccessDataSource” in pratica è un controllo pre compilato che fa in modo di comunicare con il nostro db.

All’interno  si inserisci il percorso del per il db e la Select in modo da estrapolare i dati.

L’AccesDataSource va associato al DataList tramite il tag presente nel DataList: “Datasource”

Questa è come sempre un infarinatura e se vi serve scrivero dei tutorial piu dettagliati sull’argomento.

Prima Pagina Precedente Successiva Ultima Pagina

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...