Come utilizzare un toolkit Ajax di fisarmonica

July 8

Come utilizzare un toolkit Ajax di fisarmonica


Asynchronous JavaScript and XML, o AJAX, ha diversi usi in termini di creazione di Web. Uno dei grandi strumenti che è possibile creare con AJAX è la Fisarmonica. La fisarmonica è un controllo web che fornisce ai vostri utenti ospiti diversi riquadri e li visualizza in un unico file. Dal momento che AJAX può integrarsi bene con HTML, JavaScript e XML, producendo lo strumento di fisarmonica non è affatto difficile. Hai anche il pieno controllo del programma con AJAX strumenti di gestione delle applicazioni intuitiva.

istruzione

1 Aprire "Visual Studio" e creare un modulo web chiamato "Default.aspx." Scegli ASP.Net dal controllo Script Manager sul pagina per aggiungere un Gestore AJAX script e rendere AJAX-ready. Passare alla modalità di progettazione per l'interfaccia più semplice.

2 Inserire una "pannello di aggiornamento" da Ajax Extension ToolBox Tab. Questo servirà come il vostro controllo della fisarmonica. Esso comprenderà i vetri di fisarmonica, che avrà intestazioni e gli elementi di contenuto. Scegliere il "pannello di controllo Aggiornamento" per mettere alcuni contenuti nel vostro riquadri di fisarmonica, e quindi copiare il codice qui sotto e incollarlo nel modulo Web per visualizzare la struttura di base del tuo strumento di Fisarmonica:

<Asp: Fisarmonica ID = runat "Accordion1" = "server">

&lt;Panes>

& Lt; asp: AccordionPane runat = "server" ID = "Pane1">

& Lt; intestazione> Pane 1 & lt; / Intestazione>

& Lt; Contenuti>

Questo contenuto va dentro Pane1 in modo che possiamo vedere quando si è esteso

& Lt; / Contenuti>

& Lt; / asp: AccordionPane>

& Lt; asp: AccordionPane runat = "server" ID = "AccordionPane1">

& Lt; intestazione> Pane 2 & lt; / Intestazione>

& Lt; Contenuti>

Questo contenuto va dentro Pane2 in modo che possiamo vedere quando si è esteso

& Lt; / Contenuti>

& Lt; / asp: AccordionPane>

& Lt; asp: AccordionPane runat = "server" ID = "AccordionPane2">

& Lt; intestazione> Pane 3 & lt; / Intestazione>

& Lt; Contenuti>

Questo contenuto va dentro Pane3 in modo che possiamo vedere quando si è esteso

& Lt; / Contenuti>

& Lt; / asp: AccordionPane>

& Lt; / Panes>

& Lt; / asp: Fisarmonica>

3 Aggiungere il seguente codice per eseguire il progetto di fisarmonica e di vedere come funziona:

<Cc1: AccordionID = "Accordion1" runat = "server"

SelectedIndex = "0" FadeTransitions = "true"

FramesPerSecond = TransitionDuration "40" = "250"

AutoSize = "Nessuno" ContentCssClass = "Content" HeaderCssClass = "header">

<Riquadri>

<Cc1: AccordionPane

ID = runat "AccordionPane2" = "server">

<Header>

<A href = "" onclick = "return false;" class = "Link">

aperto

</a>

</ Intestazione>

<Contenuti>

<Div>

Prima zona contenuto primo contenuto AreaFirst zona contenuto prima zona contenuto

Prima zona contenuto </ div>

</ Contenuti>

</ Cc1: AccordionPane>

<Cc1: AccordionPaneID = "AccordionPane1" runat = "server">

<Header>

<A href = "" onclick = "return false;" class = "Link">

aperto

</a>

</ Intestazione>

<Contenuti>

<Div>

Seconda zona contenuto Seconda ContentArea seconda zona contenuto Seconda Content

Area Second Content Area

</ Div>

</ Contenuti>

</ Cc1: AccordionPane> <cc1: AccordionPaneID = "AccordionPane3" runat = "server">

<Header>

<A href = "" onclick = "return false;" class = "Link">

aperto

</a>

</ Intestazione>

<Contenuti>

<Div>

</ Cc1: AccordionPane>

</ Panes>

</ Cc1: Fisarmonica>

Consigli e avvertenze

  • Prendere tutorial per AJAX online per acquisire familiarità con questa tecnologia funzionale. Cercare di orientamento da parte degli utenti esperti di AJAX unendo forum di discussione.

Articoli Correlati