I controlli Repeater di Asp.NET ci permettono di creare un elenco, di qualsiasi tipo, prendendo i dati da una sorgente (tipicamente un database).
Oggi vediamo come usarli in VB.NET.
Cominciamo con il controllo; ogni controllo ha a disposizione diverse "parti" che non siamo obbligati ad usare:
In una pagina aspx ho un LinkButton con il quale attivo un evento.
La cosa più "problematica" è che devo passare il valore del LinkButton ad un altro componente.
In questo caso non bastano le solite proprietà Value o Text.
Andiamo con ordine; questo il componente nella pagina:
<asp:LinkButton ID="btn_art_singolo" runat="server" OnCommand="go_Click" CommandName='<%# DataBinder.Eval(Container.DataItem, "ARTICOLO") %>'>
<%# DataBinder.Eval(Container.DataItem, "ARTICOLO") %>
</asp:LinkButton>
Il LinkButton sta dentro a un Repeater e prende il valore in maniera dinamica da database.
Tanto per cominciare no avremo un evento OnClick ma u nevento OnCommand.
I Web Form di Asp.NET hanno parrecchi controlli server utili, tipo le GridView per rappresentare i dati in forma tabellarre.
Io personalmene trovo questo controllo un pò obsoleto.
Ad esempio già per il fatto che quando fai il sorting la pagina viene ricaricata.....
Io ho optato per il plugin DataTable di jQuery, che già uso con soddisfazione in PHP.
Lo trovo molto più comodo e moderno.
Vediamo come usarlo in pagine Asp.NET.
Prima di tutto abbiamo una classica funzione che ci restituisce un DataSet o simili:
public DataSet getCodiciClienti()
{
connection().Open();
OdbcCommand cmd = new OdbcCommand();
OdbcDataAdapter adapter = new OdbcDataAdapter();
DataSet ds = new DataSet();
cmd.CommandText = "SELECT * FROM clienti";
cmd.Connection = conn;
adapter.SelectCommand = cmd;
adapter.Fill(ds);
ds.Dispose();
conn.Close();
return ds;
}
Nulla di nuovo.
Poi prepariamo a scarichiamo il tutto.
Abbiamo bisogno di jQuery, del plugin che troviamo qua, di una tabella per raccogliere i dati, di un file JS e di un controllo Repeater.
Quindi nell'head della pagina:
<link rel="stylesheet" type="text/css" href="Styles/demo_table_jui.css" />
<link rel="stylesheet" type="text/css" href="Styles/ui-lightness/jquery-ui-1.8.23.custom.css" />
<script type="text/javascript" src="Scripts/jquery182.js"></script>
<script type="text/javascript" src="Scripts/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="Scripts/script.js"></script>
I primi due CSS servono per lo stile della tabella; notate che sto facendo uso di un CSS di jQuery UI.
Questa la funzione JS:
$(document).ready(function () {
$('.dtable').dataTable({
"bJQueryUI": true,
"sPaginationType": "full_numbers"
});
});
Con il primo parametro indico di usare lo stile di jQuery UI.
L'altra settimana ho deciso di riprendere un pò in mano l'Asp.NET e il C#, ma sono talmente abituato al PHP che anche per una cosa così banale ci ho messo una vita.........
Quello che volevo fare era una semplice pagina che mi listasse e visualizzasse tutte le immagini dentro una directory.
Quindi nella root del sito ho la pagina Default.aspx e la cartella Images con dentro varie immagini (in questo caso png).
Ovviamente ci stanno vari modi per farlo.
Prima di tutto vediamo il code-behind della pagina:
namespace Listare_immagini
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
string directory = "~/Images/";
string[] images = System.IO.Directory.GetFiles(Server.MapPath(directory), "*.png");
ImgLista.DataSource = images;
ImgLista.DataBind();
}
}
}
Abbiamo una string che rappresenta la directory dove ci sono le immagini.