July 8
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.
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">
<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>