YUI 2 in 3: Venendo in YUI 3.1.0, un modo più semplice per utilizzare YUI 2 moduli »Blog Yahoo! User Interface (YUIBlog)

YUI 2 in 3: Venendo in YUI 3.1.0, un modo più semplice per utilizzare YUI 2 moduli

11 marzo 2010 alle ore 12:44 da Eric Miraglia e Adam Moore | In Development | 16 commenti

Uso YUI 2 componenti nel contesto di YUI 3 implementazioni è importante per alcuni implementatori effettuando il passaggio tra 2 e YUI YUI 3. In alcuni casi, abbiamo semplicemente desidera passare il nostro codice a tappe, ma vogliamo farlo nel contesto di un modello di implementazione YUI 3. In altri casi, ci può essere affidamento su componenti high-level, come YUI DataTable che non sono ancora presenti nel YUI 3.

Come parte della prossima versione 3.1.0, Adam ha migliorato l'esperienza d'uso YUI 2 componenti all'interno di YUI 3 . A tal fine, ha aggiunto un po 'l'intelligenza per YUI 3 loader che consente di caricare YUI 2 moduli direttamente dal tuo YUI().use() dichiarazione:

 YUI (). Utilizzare ("yui2-pulsante", function (Y) {
	
	 / / YAHOO non è un oggetto globale, è sandbox lungo
	 / / Con il resto della tua YUI tre funzionalità.  Questa linea
	 / / È necessario se si desidera utilizzare implementazione esistente
         / / Codice:
	 var = Y.YUI2 YAHOO;
	
	 / / YUI 2 implementazione del codice
	 var button = new YAHOO.widget.Button ("myButton");
	
 });

Troverete questa funzionalità nel codeline 3 YUI come di costruzione 1933, e abbiamo inviato una sperimentale 3 YUI costruire (nominalmente "yui3.1.0pr2") e una prima build di YUI 2.8.0 avvolto funzionalità per l'uso in YUI 3.

Quando si scaricare l'ultima fonte di YUI 3 dal GitHub troverete alcuni esempi di lavoro in sandbox/loader (cercare i file con il 2in3 prefisso). Questi esempi dimostrano l'uso di un numero di moduli YUI 2. Abbiamo pubblicato un semplice esempio che mostra dal vivo come utilizzare YUI due DataTable all'interno di YUI 3 , che è una delle caratteristiche più richieste di transizione.

Punti chiave sul YUI 2 in 3 sforzo:

Questo lavoro è disponibile nelle ultime build della prossima versione 3.1.0 (build 1933 e successive). non è disponibile in 3.0.0 o nell'anteprima 3.1.0pr1.
Il progetto è in uno stato sperimentale. Né il yui3.1.0pr2 costruzione né le avvolti YUI 2 build da cui tira sono stati ampiamente testati, anche se li abbiamo messo in scena sul CDN di rendere conveniente per esplorare l'attuazione.
Scarica l'ultima build per gli esempi Troverete alcune delle Adamo proof-of-concept file in. sandbox/loader - diverso dal semplice esempio precedente, questi sono i riferimenti migliori codici disponibili fino alla versione 3.1.0 ufficiale (che è ancora out circa un mese).
I vostri commenti nei forum è benvenuto - e, se trovate problemi, siamo interessati a sentir parlare di loro.
Quando viene usato in questo modo, YUI 2 non creare un globale YAHOO oggetto. YUI 2 componenti sono avvolti in YUI 3 definizioni di moduli e rimangono contenute nella sandbox 3 YUI a cui stiamo attaccati. La linea da codeSample sopra, var YAHOO = Y.YUI2; , è necessaria per tagliare e incollare YUI 2-style codice di implementazione - oppure è possibile modificare YAHOO riferimenti a Y.YUI2 .
YUI 2 versioni sono supportati torna alla 2.2.2 - l'ultimo bug-fix release per ogni versione minore è supportata (2.2.2, 2.3.1, 2.4.1, 2.5.2, 2.6.0, 2.7.0, 2.8. 0). È possibile specificare la versione da 2 YUI use come segue: YUI({yui2: '2.7.0'}).use('yui2-button', ...) . L'obiettivo qui è quello di permettere di evitare la migrazione a 2.8.0 (o successiva) prima di una migrazione 3 YUI.

Galleria è facile da usare, Too

Adamo miglioramenti loader intrinseca YUI 3 hanno migliorato l'esperienza di lavorare con la rapida crescita YUI 3 Galleria , anche. A partire da 3.1.0, sarete in grado di portare i moduli galleria nella pagina da use() dichiarazione senza configurazioni aggiuntive - il caricatore sarà in grado di determinare e risolvere le dipendenze per voi e farà la cosa giusta rispetto al combo 'ing il codice sorgente galleria con altri file YUI. Ecco un esempio Dav Glass messo insieme per la 3.1.0 che illustra l'utilizzo del suo modulo YQL galleria Query in combinazione con un pre-release build di 3.1.0.

Condividi ed estendere: Segnalibro con Del.icio.us | Digg it! | reddit!

16 commenti

Sembra che questo depreca il caricatore yui2 nella galleria?
Commento di Gabe - 11 Marzo, 2010 #
Gabe - Sì, è vero. Vale la pena notare che questo fa qualcosa di diverso da ciò che il modulo Galleria fa. Lavoro Caridy nella Galleria carica le stesse YUI 2 file che normalmente carico; il 2 in 3 carichi di progetto YUI 2 componenti che vengono avvolti in YUI 3 moduli. Vedo alcuni casi in cui si potrebbe ancora fare la prima. Ma questa sembra la strada giusta da seguire per quasi chiunque cerchi di fare la transizione, mentre portando pezzi di YUI 2 codice legacy con loro. -Eric
Commento di Eric Miraglia - 11 MARZO 2010 #
[...] A YUI HQ, stiamo lavorando verso la prossima major release di YUI, YUI 3.1.0. Ieri abbiamo condiviso alcuni loader YUI 3 Adam Moore lavoro che ha fatto per 3.1.0. La sua "YUI 2 in 3" del progetto consente di utilizzare componenti come YUI due DataTable in modo semplice e [...]
Pingback da In the Wild per 11 Marzo 2010 »Yahoo! User Interface Blog (YUIBlog) - 12 marzo 2010 #
Roba emozionante!
Non vedo l'ora di 3,1, per la funzionalità esposta in questo post + il modulo XDR flash che sarà scaricabile dal CDN.
XDR modulo flash caricato dal CDN sarà permettere alle persone di integrare i moduli da MyOwnDB nelle proprie pagine con una riga nella loro html, senza la necessità di ospitare il swf sul proprio dominio. (Naturalmente, se la XDR supporto del browser nativo, che sarà il metodo preferito, che è sostenuto anche da YUI!)
Mantenere il buon lavoro!
Raph
Commento di Raph - 12 marzo 2010 #
[...] Di licenza LGPL. Nate e Eduardo intenzione di condividere componenti AlloyUI sulla Galleria 3 YUI, che li rende facile da usare come qualsiasi 3 YUI, YUI 2, o il modulo Galleria altro, che sperano di avere più notizie su quello sforzo [...]
Pingback di Anteprima AlloyUI, un YUI 3-based Component Library da Liferay »Blog Yahoo! User Interface (YUIBlog) - 15 marzo 2010 #
[...] Del prossimo rilascio della versione 3.1 (poche settimane di distanza) sarete in grado di utilizzare tutti i moduli direttamente dal vostro uso () dichiarazione con alcuna configurazione aggiuntiva o [...]
Pingback da Andrew Bialecki Vince il YUI 3 Contest Gallery 2010 con modulo effetti »Blog Yahoo! User Interface (YUIBlog) - 24 Marzo 2010 #
È possibile utilizzare YUI3 animazione con una componente YUI2 o non si deve tenere l'animazione YUI2 con il suo rispettivo elemento come progressmeter?
Commento di Andrew Wooldridge - 26 Marzo, 2010 #
BTW c'è un errore di battitura nel codice del pulsante qui sopra. dovrebbe essere
var button = new YAHOO.widget.Button ("myButton");
Questo mi ha scattato per un min .. :)
Commento di Andrew Wooldridge - 26 Marzo, 2010 #
[...] Cosa voglio dire con questo? Prima di tutto, dedicare qualche minuto per leggere questo articolo: http://www.yuiblog.com/blog/2010/03/11/yui-2-in-3-coming-soon/ [...]
Pingback da YUI3 e di una rivoluzione silenziosa. «Trittico - 27 marzo 2010 #
Andrew,
I 2 componenti YUI tirato in via 2-in-3 continua ad utilizzare il YUI due stack. Questo non è un layer di compatibilità per quanto si tratta di un modo per fornire senza soluzione di continuità, integrazioni sandbox come un passo temporaneo mentre i siti sono in fase di transizione - un processo che per alcune applicazioni durerà finché ci sono componenti necessarie YUI 2 che don ' t hanno una YUI 3 controparte (come è vero DataTable oggi).
Ci sono alcuni sforzi per fare il lavoro più complesso che stai descrivendo in casi specifici. Ad esempio, Greg Hinch DataSource del Wrapper ( http://yuilibrary.com/gallery/show/datasource-wrapper ) mira ad eliminare la dipendenza di un 2 YUI DataTable su YUI 2 DataSource, subbing nella versione 3 YUI.
Ma non è quello che 2 in 3 obiettivi da fare.
-Eric
Commento di Eric Miraglia - 28 marzo 2010 #
Andrew,
Re: errore di battitura, scusate, e grazie per avermelo detto. Risolto.
-Eric
Commento di Eric Miraglia - 28 marzo 2010 #
[...] 2 in 3 - Adam esteso il potere d 'uso () ancora di più con la YUI 2 in 3 progetti. Con il rilascio della 3.1.0, è ora possibile includere YUI 2 moduli direttamente dal vostro uso () dichiarazione, [...]
Pingback da Annunciando YUI 3.1.0 »Yahoo! User Interface Blog (YUIBlog) - 31 Marzo, 2010 #
Si noti che l'elemento circostante (aka "body") deve avere una classe aggiuntiva di "yui-pelle-sam" (se si desidera utilizzare la pelle in dotazione) aggiunti in modo che i file CSS per YUI2 componenti (come ad esempio la tabella di dati ) verrà tirato in via del caricatore. Utilizzando il nuovo "yui3-skin-sam" non è sufficiente. (Ls_n confermato via yui #)
Commento di Brian - 19 maggio 2010 #
ma per far funzionare tutto questo ho bisogno di connessione internet? la 'base' opzione
cioè YUI ({base: 'localpath'}) ..
non influenza questo?
Commento di Darek Adamkiewicz - 15 ottobre 2010 #
Ho trovato il anwser alla mia domanda sul forum yui: http://yuilibrary.com/forum/viewtopic.php?p=15260 # p15260
Commento di Darek Adamkiewicz - 20 Ottobre 2010 #
[...] Ancora i standard e YUI 3 utenti alla ricerca di una funzionalità equivalente di oggi sono guidati alla YUI 2-in-3 progetto, che consente di includere con facilità ed utilizzare YUI 2 dall'interno YUI 3 implementazioni. Questo è [...]
Pingback da un controllo dello stato sulla YUI 2-to-3 Transition »Blog Yahoo! User Interface (YUIBlog) - 5 novembre 2010 #

Siamo spiacenti, il commento forma è chiusa in questo momento.

Yahoo! User Interface Blog (YUIBlog)