AJAX e Ajax Control Toolkit

L'utilizzo di ajax rende sicuramente molto accattivante l'aspetto di un sito web e l'hosting di serverweb.net, grazie alla presenza di .NET versione 3.5, rende immediatamente disponibile questa tecnologia.

Nel nostro caso decidiamo di utilizzare un kit aggiuntivo disponibile sul sito Codeplex di Microsoft: l' ASP.NET AJAX Control Toolkit. E' bene ricordare che l'utilizzo di questo kit non è obbligatorio in quanto le funzionalità ajax di base sono direttamente disponibili all'interno di .NET 3.5. Comunque l'utilizzo di controls aggiuntivi, magari anche sviluppati da terze parti, rende la programmazione senz'altro più veloce

Il kit che abbiamo scelto è anche il più famoso visto che anche se non supportato da Microsoft e da essa fortemente sponsorizzato. Per avere un'idea di quello che è possibile avere è bene prima visitare gli esempi disponibili on-line sul sito dalla community ASP.NET più famoso: www.asp.net.

Se nel kit troviamo quello che vogliamo dobbiamo a questo punto scaricare il package che contiene anche vari esempi per ogni controls.

Da notare che sullo stesso video www.asp.net potete trovare molte video guide (in lingua inglese) che mostrano come sia facile l'utilizzo del toolkit stesso. Meglio comunque ribadire che l'utilizzo del toolkit non è assolutamente indispensabile e che il tookit è costruito utilizzando le estensioni AJAX di .NET.

Vediamo come utilizzare uno dei più semplici: TextBoxWatermarkExtender

Ad inizio pagina è necessario dichiarare l'utilizzo del toolkit

   1:  <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>

Poi, come tutti i programmatori Ajax.net sanno, è necessario dichiarare uno script manager (uno solo per pagina) seguito dal codice di esempio

   1:  <asp:ScriptManager ID="ScriptManager" runat="server"></asp:ScriptManager>
   2:  <asp:TextBox ID="test" runat="server"></asp:TextBox>
   3:  <cc1:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender" runat="server"
   4:      TargetControlID="test" WatermarkText="testo di prova">
   5:  </cc1:TextBoxWatermarkExtender>

Il risultato finale (seppur minimale) dimostra che tutto ha funzionato


Note per ASP.NET AJAX control toolkit

Se avete deciso di utilizzare Ajax control toolkit, che a scanso di equivoci ribadiamo NON essere parte delle estensioni ajax di ASP.NET 3.5, vi ricordiamo qualche passo indispensabile indicato nelle note di installazione.

  1. Scaricare il pacchetto che preferite ricordando che sui server di serverweb.net è installata l'ultima versione 3.5 del .NET framework
  2. Se non vi interessano gli esempi la migliore scelta è il pacchetto con le sole DLL (vedi figura a lato)
  3. Ricordate di copiare le DLL nella directory /BIN del vostro progetto
  4. Ricordate anche che il modo migliore per avere un corretto web.config è quello di farlo a creare a Microsoft Visual Studio (File/Nuovo progetto) e poi di modificarlo ma solo per lo stretto necessario.

Prima di chiudere un altro paio di esempi sempre parte dell'Ajax Toolkit

Demo per AccordionPanel

Pannello 1: serverweb
serverweb.net

L’azienda utilizza linee con banda collegata al MIX di Milano e a Cogent come linea di backup nel caso di down prima rete Mix. I server utilizzati sono di nostra proprietà e utilizzano storage in raid e backup consolidati, bilanciamento delle risorse in struttura HA.

Pannello 2: alcune foto
Pannello 3: un video
Pannello 4: un testo di esempio

Demo per ModalPopup