Nwlapcug.com


Come usare un Fisarmonica Ajax Toolkit

Come usare un Fisarmonica Ajax Toolkit


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" >

&lt;Panes>

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

&lt;Header>Pane 1&lt;/Header>

&lt;Content>

This content goes inside Pane1 so that we can see it when it is extended

&lt;/Content>

&lt;/asp:AccordionPane>

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

&lt;Header>Pane 2&lt;/Header>

&lt;Content>

This content goes inside Pane2 so that we can see it when it is extended

&lt;/Content>

&lt;/asp:AccordionPane>

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

&lt;Header>Pane 3&lt;/Header>

&lt;Content>

This content goes inside Pane3 so that we can see it when it is extended

&lt;/Content>

&lt;/asp:AccordionPane>

&lt;/Panes>

&lt;/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.