Asynchronous JavaScript e XML o AJAX, ha usi diversi in termini di creazione di Web. Uno dei grandi strumenti che è possibile creare con AJAX è la fisarmonica. La fisarmonica è un controllo web che fornisce gli utenti ospiti diversi riquadri e li visualizza in un unico file. Poiché AJAX può integrare bene con HTML, JavaScript e XML, producendo lo strumento fisarmonica non è difficile a tutti. Hai anche il controllo completo del programma con gli strumenti di gestione intuitiva applicazione AJAX.
Istruzioni
1
Aprire "Visual Studio" e creare un Web form denominato "Default. aspx." Scegliere il controllo Script Manager sulla tua pagina per aggiungere un gestore di Script AJAX e renderlo pronto per AJAX di ASP.Net. Passare alla modalità di progettazione per l'interfaccia più facile.
2
Inserire un "pannello di aggiornamento" da AJAX estensione scheda casella degli strumenti. Questo servirà come il controllo di fisarmonica. Esso comprenderà i riquadri di fisarmonica, che avrà le intestazioni e gli elementi di contenuto. Scegliere il "aggiornamento pannello di controllo" a mettere qualche contenuto nel tuo riquadri di fisarmonica e poi copiare il codice riportato di seguito e incollarlo nel vostro Web form per visualizzare la struttura di base dello strumento fisarmonica:
< asp: fisarmonica ID = "Accordion1" runat = "server" >
<Panes>
<asp:AccordionPane runat="server" ID="Pane1" >
<Header>Pane 1</Header>
<Content>
This content goes inside Pane1 so that we can see it when it is extended
</Content>
</asp:AccordionPane>
<asp:AccordionPane runat="server" ID="AccordionPane1" >
<Header>Pane 2</Header>
<Content>
This content goes inside Pane2 so that we can see it when it is extended
</Content>
</asp:AccordionPane>
<asp:AccordionPane runat="server" ID="AccordionPane2" >
<Header>Pane 3</Header>
<Content>
This content goes inside Pane3 so that we can see it when it is extended
</Content>
</asp:AccordionPane>
</Panes>
</asp:Accordion>
3
Aggiungere il codice seguente per eseguire il progetto di fisarmonica e per vedere come funziona:
< cc1:AccordionID = "Accordion1" runat = "server"
SelectedIndex = "0" FadeTransitions = "true"
FramesPerSecond = "40" TransitionDuration = "250"
AutoSize = "None" ContentCssClass = "Contenuto" HeaderCssClass = "HEADER" >
< i > riquadri
< cc1:AccordionPane
ID = "AccordionPane2" runat = "server" >
< header >
< a href = "" onclick = "return false;" class = "Link" >
Aperto
< /a >
< / intestazione >
< contenuto >
< div >
Prima Area contenuto primo contenuto AreaFirst contenuto Area Area contenuto prima
Prima Area contenuto < / div >
< / contenuto >
< / cc1:AccordionPane >
< cc1:AccordionPaneID = "AccordionPane1" runat = "server" >
< header >
< a href = "" onclick = "return false;" class = "Link" >
Aperto
< /a >
< / intestazione >
< contenuto >
< div >
Seconda Area contenuto secondo ContentArea seconda Area contenuto contenuto della seconda
Area Second Content Area
< / div >
< / contenuto >
< / cc1:AccordionPane >< cc1:AccordionPaneID = "AccordionPane3" runat = "server" >
< header >
< a href = "" onclick = "return false;" class = "Link" >
Aperto
< /a >
< / intestazione >
< contenuto >
< div >
< / cc1:AccordionPane >
< / riquadri >
< / cc1:Accordion >
Consigli & Avvertenze
- Prendere il tutorial per AJAX online acquisire familiarità con questa tecnologia funzionale. Cercare una guida da utenti esperti di AJAX unendo Forum di discussione.