ASP.Net  »  Articoli  »  ASP.NET e Ajax 

Il Personal Web Site starter kit fornisce una buona base di partenza per la realizzazione di un proprio sito personale con tanto di fotogallery. Ne abbiamo già parlato nella Guida ASP.NET Starter Kit, cui possiamo fare riferimento per l'installazione e la configurazione di base.

In questo articolo utilizzeremo lo Starter Kit come pretesto per lavorare un po' con ASP.NET AJAX e l'AJAX Control Toolkit. Quello che faremo è riadattare alcune alcune funzionalità del sito come il login e la fotogallery.

Login

Iniziamo con il pannello del login e osserviamo come, con poche righe di codice, inserire un form in testa alla pagina e farlo visualizzare in un pannello che rimane in primo piano.

Assicuriamoci di aver correttamente configurato l'applicazione per l'uso di ASP.NET AJAX è sufficiente utilizzare l'extender CollapsiblePanelExtender sul Panel che conterrà il controllo Login.

Questo extender, infatti, permette ad un Panel di collassare ed estendersi, rimanendo sempre in primo piano, e ha diverse impostazione per poter modificare la posizione, la dimensione, l'allineamento ed altre proprietà del Panel che estende.

Il codice che sarà sufficiente inserire in testa alla master page è simile al seguente:

<asp:Panel runat="server" id="loginPanel">
  <asp:Login runat="server" ID="loginControl" />
</asp:Panel>

<asp:LinkButton runat="server" ID="lbLogin" Text="Login"
                OnClientClick="return false;" />
                
<ajaxToolkit:CollapsiblePanelExtender ID="CollapsiblePanelExtender1" 
      runat="server" 
      ExpandControlID="lbLogin" 
      CollapsedSize="0"
      CollapseControlID="lbLogin"  
      ExpandDirection="Vertical" 
      TargetControlID="loginPanel" 
      Collapsed="true" 
      CollapsedText="<< Login >>"
      ExpandedText="<< Chiudi >>"
      TextLabelID="lbLogin" />

Nota: controlli contenuti negli AJAX Control Toolkit permettono di aggiungere funzionalità e comportamenti ai controlli che utilizziamo abitualmente, sgravando il programmatore dalla scrittura di un bel po' di codice.

Altri articoli

Altre guide

Altre newsletter