Yui 2 sa 3: Coming sa Yui 3.1.0, isang mas simpleng paraan upang Gamitin Yui 2 Modules »Yahoo! User Interface Blog (YUIBlog)

Yui 2 sa 3: Coming sa Yui 3.1.0, isang mas simpleng paraan upang Gamitin Yui 2 Modules

11 Marso 2010 sa 12:44 by Eric Miraglia at Adam Moore | Sa Pag-unlad | 16 Comments

Paggamit Yui 2 bahagi sa konteksto ng Yui 3 mga pagpapatupad ay mahalaga para sa ilang mga implementers paggawa ng mga transition sa pagitan ng 2 Yui at Yui 3. Sa ilang mga kaso, kami lang gusto sa paglipat sa aming code sa yugto, ngunit nais naming gawin ito sa loob ng konteksto ng isang pagpapatupad Yui 3 pattern. Sa ibang kaso, kami ay umaasa sa mataas na antas ng mga sangkap tulad Yui DataTable na hindi pa naroroon sa Yui 3.

Bilang bahagi ng mga darating 3.1.0 release, Adam ay may pinabuting sa karanasan ng gumagamit Yui 2 components mula sa loob Yui 3 . Upang ito katapusan, siya ay idinagdag ang ilang mga katalinuhan upang Yui 3's loader na pinapayagan ka na load Yui 2 modules direkta mula sa iyong YUI().use() na pahayag:

 Yui (). Paggamit ("yui2-button", function (Y) {
	
	 / / Yahoo ay hindi isang global na object; ito ay sandboxed kasama
	 / / Sa mga natitira sa iyong mga tungkulin Yui 3.  Ang linyang ito
	 / / Ay kinakailangan kung nais mong gamitin ang mga umiiral na pagpapatupad
         / / Code:
	 var Yahoo = Y.YUI2;
	
	 / / Yui 2 pagpapatupad ng code
	 var na button = bagong YAHOO.widget.Button ("mybutton");
	
 });

Makikita na ang functionality na ito sa codeline Yui 3 bilang ng magtayo 1933, at kami ay deployed isang experimental Yui 3 build (sa panggalan lamang "yui3.1.0pr2") at isang maagang magtayo ng Yui 2.8.0 tungkulin balot para gamitin sa mga Yui 3.

Kapag nag -download ng pinakabagong source Yui 3 mula GitHub makikita ninyo ang ilang mga halimbawa nagtatrabaho sa sandbox/loader (hitsura para sa mga file na may 2in3 prefix). Ang mga halimbawa ay nagpapakita ng paggamit ng isang bilang ng mga Yui 2 modules. Aming post ng isang simpleng halimbawa live na nagpapakita kung paano gamitin Yui 2 DataTable loob Yui 3 , na kung saan ay isa sa mga pinaka madalas na hiniling na palampas na mga tampok.

Key puntos tungkol sa mga Yui 2 sa 3 na pagsisikap:

trabaho na ito ay magagamit sa mga pinakabagong gagawa ng mga darating 3.1.0 release (magtayo 1933 at mamaya). Ito ay hindi magagamit sa 3.0.0 o sa 3.1.0pr1 preview.
Ang mga proyekto ay sa isang experimental estado. Ni ang yui3.1.0pr2 build ni ang balot Yui 2 gagawa kung saan ito kinukuha ay malawakan masuri, bagaman kami ay itinanghal ito sa CDN sa gumawa ito maginhawa upang galugarin ang pagpapatupad.
I-download ang pinakabagong build para sa mga halimbawa sa ka. Mahahanap ang ilang ng Adam proof-of-konsepto ng mga file sandbox/loader - maliban sa mga simpleng halimbawa sa itaas, ang mga ay ang pinakamahusay na code ng mga sanggunian na magagamit hanggang sa mga opisyal na release 3.1.0 (na kung saan ay pa rin tungkol sa isang buwan sa labas).
Ang iyong puna sa forums ay welcome - at, kung makita mo mga problema, kami ay interesado sa pagdinig tungkol sa kanila.
Kapag ginagamit sa ganitong paraan, Yui 2 ay hindi lumikha ng isang global YAHOO object. Yui 2 sangkap ay balot sa Yui 3 module kahulugan at silang manatili na nakapaloob sa mga 3 sandbox Yui sa kung saan sila ay naka-attach. Ang mga linya mula sa codesample itaas, var YAHOO = Y.YUI2; , ay kinakailangan upang cut at i-paste Yui 2-style pagpapatupad code - o maaari mong baguhin YAHOO reference sa Y.YUI2 .
Yui 2 release ang suportado ng bumalik sa 2.2.2 - ang mga pinakabagong bug fix-release para sa bawat bersyon menor de edad ay suportado (2.2.2, 2.3.1, 2.4.1, 2.5.2, 2.6.0, 2.7.0, 2.8. 0). Maaari mong tukuyin ang Yui 2 bersyon na use ang mga sumusunod: YUI({yui2: '2.7.0'}).use('yui2-button', ...) . Ang layunin dito ay ang daan sa iyo upang maiwasan ang paglipat sa 2.8.0 (o mamaya) bago ang isang migration Yui 3.

Gallery Ay mas madali Upang Gamitin, Masyadong

Adam's pagpapahusay sa mga tunay's loader Yui 3 ay may pinabuting ang karanasan ng mga nagtatrabaho sa mabilis na lumalagong Yui 3 Gallery , masyadong. Bilang ng 3.1.0, ikaw ay maaaring magdala modules gallery sa page mula sa use() pahayag na walang karagdagang configuration - loader ay maaaring upang matukoy at maresolba ang dependencies para sa iyo at gawin ang nararapat na may paggalang sa combo 'ing sa gallery code source sa iba pang mga file Yui. Narito ang isang halimbawa Dav Glass magkasama para sa 3.1.0 na nagpapakita ng paggamit ng kanyang YQL gallery module Query sa kumbinasyon sa isang pre-release na magtayo ng 3.1.0.

Share at extend: Bookmark sa Spurl | digg it! | reddit!

16 Comments

Ito tunog tulad ng ito deprecates ang yui2 loader sa gallery?
Comment by Gabe - Mar 11, 2010 #
Gabe - Oo, na tama. Ito ay nagkakahalaga ng pagpuna na ito ay isang bagay na naiiba kaysa sa kung ano ang Gallery module ay. Caridy's trabaho sa mga naglo-load ang Gallery ng parehong Yui 2 mga file mo ay normal load; ang 2 sa 3 na naglo-load proyekto Yui 2 mga bahagi na mga balot sa Yui 3 modules. Maaari ko bang makita ang ilang mga pagkakataon kung saan maaari ka pa ring nais na gawin ang mga dating. Ngunit ito ay ganito ang hitsura sa kanan ng pasulong na paraan para sa halos kahit sino naghahanap upang gumawa ng mga transition habang nagdadala sa mga piraso ng Yui 2 legacy code sa kanila. -Eric
Comment by Eric Miraglia - Mar 11, 2010 #
[...] Sa Yui HQ, kami ay nagtatrabaho patungo sa mga susunod na malalaking release ng Yui, Yui 3.1.0. Kahapon namin nagbahagi ng ilang mga loader Yui 3 trabaho na Adam Moore ay tapos na para sa 3.1.0. Ang kanyang "Yui 2 sa 3" na proyekto ay nagpapahintulot sa inyo na gamitin components tulad Yui 2 DataTable lamang at [...]
Pingback sa pamamagitan ng Sa Wild para sa Marso 11, 2010 »Yahoo! User Interface Blog (YUIBlog) - Marso 12, 2010 #
Kapanapanabik na mga bagay-bagay!
talaga ako naghahanap ng pasulong sa 3.1, para sa mga functionality exposed sa post na ito + ang xdr module na flash ay loadable mula sa CDN.
Xdr flash module ikinarga mula sa CDN ay hayaan ang mga tao na isama ang form mula sa MyOwnDB sa kanilang sariling mga pahina na may isang linya sa kanilang mga html, walang kailangan ang host ng swf sa kanilang sariling domain. (Syempre, kung ang browser support katutubong xdr, na ay ang mga ginustong pamamaraan, na kung saan ay din suportado ng Yui!)
Panatilihin ang magandang trabaho!
Raph
Comment sa pamamagitan ng raph - Mar 12, 2010 #
[...] LGPL lisensiya. Nate at Eduardo ay nagbabalak na ibahagi components AlloyUI sa Yui 3 Gallery, paggawa ng mga ito bilang madaling gamitin bilang anumang module Yui 3, Yui 2, o iba pang Gallery; asa nila na magkaroon ng karagdagang mga balita sa na [...] pagsisikap
Pingback sa pamamagitan ng preview AlloyUI, isang Yui 3-based Component Library mula Liferay »Yahoo! User Interface Blog (YUIBlog) - Marso 15, 2010 #
[...] Ng mga darating na 3.1 release (lamang ng ilang linggo ang layo) ikaw ay maaaring gamitin ang lahat ng mga module na ito ng direkta mula sa iyong gamitin () pahayag na walang karagdagang configuration o [...]
Pingback by Andrew Bialecki nanalo ang Yui 3 Gallery Contest 2010 na may Effects Module »Yahoo! User Interface Blog (YUIBlog) - Marso 24, 2010 #
Maaari mong gamitin YUI3 animation na may isang YUI2 component o gawin mo ay may upang panatilihin ang YUI2 animation sa mga ito ang kani sangkap tulad ng progressmeter?
Comment sa pamamagitan ng Andrew Wooldridge - Mar 26, 2010 #
BTW mayroong isang typo sa mga pindutan ng code sa itaas. ito ay dapat na
var na button = bagong YAHOO.widget.Button ("mybutton");
Natapilok na ako para sa isang min .. :)
Comment sa pamamagitan ng Andrew Wooldridge - Mar 26, 2010 #
[...] Ano ang ibig sabihin ako sa pamamagitan ng ito? Una, kumuha ng ilang minuto upang basahin ang artikulong ito: http://www.yuiblog.com/blog/2010/03/11/yui-2-in-3-coming-soon/ [...]
Pingback by YUI3 at isang tahimik na rebolusyon. «Triptiko - Mar 27, 2010 #
Andrew,
Ang Yui 2 components hugot sa pamamagitan ng 2-in-3 magpatuloy sa paggamit sa Yui 2 stack. Ito ay hindi isang layer compatibility ng mas maraming bilang na ito ay isang paraan upang magbigay ng walang dugtong, sandboxed integrations bilang isang pansamantalang hakbang habang site ay lumipat - isang proseso na para sa ilang mga aplikasyon ay huling hangga't may mga kinakailangang mga bahagi sa Yui 2 na don ' t magkaroon ng isang kapilas Yui 3 (bilang ay totoo ng DataTable ngayon).
May mga ilang mga pagsisikap na gawin ang mga mas kumplikadong trabaho ikaw ay naglalarawan sa mga tiyak na mga kaso. Halimbawa, Greg Hinch's datasource daster ( http://yuilibrary.com/gallery/show/datasource-wrapper ) ay naglalayong alisin ang dependency ng isang 2 DataTable Yui on Yui 2 datasource, subbing sa 3 bersyon Yui.
Ngunit na ay hindi kung ano ang 2 sa 3 naglalayong gawin.
-Eric
Comment by Eric Miraglia - Mar 28, 2010 #
Andrew,
Re: typo, sorry, at salamat sa pagsabi sa akin. Permanenteng ngayon.
-Eric
Comment by Eric Miraglia - Mar 28, 2010 #
[...] 2 sa 3 - Adam extended ang kapangyarihan ng mga gamitin () kahit na sa karagdagang kasama ang Yui 2 sa 3 na proyekto. Gamit ang release ng 3.1.0, maaari ka na ngayon kasama ang Yui 2 modules direkta mula sa iyong gamitin () pahayag, [...]
Pingback sa pamamagitan ng hayag Yui 3.1.0 »Yahoo! User Interface Blog (YUIBlog) - Marso 31, 2010 #
Tandaan na ang iyong mga nakapaligid sa elemento (aka "katawan") ay kailangang magkaroon ng isang karagdagang klase ng "Yui-sam-balat" (kung nais mong gamitin ang ibinigay na balat) idinagdag sa gayon na ang CSS file para YUI2 components (tulad ng mga data table ) ay hugot sa pamamagitan ng loader. Gamit ang bagong "yui3-sam-balat" ay hindi sapat. (Ls_n nakumpirma na sa pamamagitan ng # Yui)
Comment sa pamamagitan ng Brian - May 19, 2010 #
ngunit sa order na ito sa trabaho kailangan ko ng koneksyon sa internet? opsyon ng 'base'
ibig sabihin, Yui ({base: 'localpath'})..
ay hindi makakaapekto ito?
Comment sa pamamagitan ng Darek Adamkiewicz - 15 Oktubre 2010 #
Natagpuan ko ang anwser sa aking tanong sa forum Yui: http://yuilibrary.com/forum/viewtopic.php?p=15260 # p15260
Comment sa pamamagitan ng Darek Adamkiewicz - 20 Oktubre 2010 #
[...] Pa rin ang standard, at Yui 3 mga gumagamit na naghahanap para sa katumbas na tungkulin sa araw na ito ay guided sa mga Yui 2-in-3 ng proyekto, na nagpapahintulot sa iyo upang madali kang kasama at magamit Yui 2 mula sa loob Yui 3 mga pagpapatupad. Ito ay [...]
Pingback by Isang Status Suriin sa Yui 2-to-3 Transition »Yahoo! User Interface Blog (YUIBlog) - Nob 5, 2010 #

Paumanhin, ang comment form ay sarado sa oras na ito.

Yahoo! User Interface Blog (YUIBlog)