Onclick linkin avaa vastaavan Harmonikka Panel

t voivat oppia joitakin innovatiivisia asioita istumalla ja selata tämän sivuston.

pitkä matka ajaa, minä annan paras kehittäjille, jotka todella haluavat hyppäävän eteenpäin elämässä omasta ilman tukea muilta. Joten ihmiset Rock elämäsi kanssa omia ajatuksia ja ideoita. Odotan näkeväni muutosta kaikkien elämään tulevina vuosina.

"}, {title: 'JavaScript', id:" javascriptpanel ", Bodystyle:" padding: 10px ", html:" JavaScript rakastettava kieli "}, {title:" CSS-tyylejä ", id:" csspanel ", Bodystyle:" padding: 10px ", html:" Style "}]}); win.

show ();

//lisätään tapahtuma kuulijan ahref tag Ext.EventManager .addListener ("devsnippets", "klikkaa", toiminto () {Ext.getCmp ('devpanel') .expand ();}, tämä, {preventDefault: true});

//lisätään tapahtuma kuulijan ahref tag Ext.EventManager .addListener ("techvideo", "klikkaa", toiminto () {Ext. getCmp ('techvideopanel') .

expand ();}, tämä, {preventDefault: true});

}); //loppuun toiminto onready

Aseta alla HTML-koodia Body Tag:

1 Developer katkelmat | Tech Video Bytes

Päivitetty Koodi 2-Dec-2009: Katsojat, jos on enemmän kuin yksi linkki, niin ensinnäkin Lisää samanlainen luokan "kaikki liittymäkohdat, kuten aiemmin en ole lisännyt luokan "määrite liittymäkohdat.

Alla on HTML-koodi sama

1 Developer katkelmat | Tech Video Bytes

Ja olen muuttanut ID n "devpanel" muotoon "devsnippetspanel" JavaScript-koodin, sitten paikka lisätä Kuuntelijat kunkin linkin, voit korvata sama alla koodi:

1 2 3 Ext.select ('.ahreflinks) heidänkin osuutensa ("klikkaa", toiminto (e) {Ext.getCmp (e.target .id + "paneeli") .expand ();}) ;

Olen päivittänyt vastaavan koodin lataus ja esikatseluversioita, tee vilkaista sitä.

Live Preview | Lataa

Edellä oleva koodi auttaa meitä paljon, kun on kyse suorituskyky.

Ja haluan sanoa kiitos "Claude" hänen arvokkaasta kommenttia.

onclick linkin avaa vastaavan Harmonikka paneeli

Live Preview | Lataa

Nauti Coding ja nauttia lomasta!