YUI 2 em 3: Coming em YUI 3.1.0, uma maneira mais simples de usar YUI 2 módulos »Blog Yahoo! User Interface (YUIBlog)

YUI 2 em 3: Coming em YUI 3.1.0, uma maneira mais simples de usar YUI 2 módulos

11 mar 2010 às 0:44 pm por Eric Miraglia e Adam Moore | Em Desenvolvimento | 16 Comments

Usando YUI dois componentes no contexto de YUI três implementações é importante para alguns implementadores fazer a transição entre 2 e YUI YUI 3. Em alguns casos, simplesmente queremos o nosso código de transição por etapas, mas queremos fazê-lo dentro do contexto de um padrão de implementação YUI 3. Em outros casos, podemos estar contando com componentes de alto nível como YUI DataTable que ainda não estão presentes em YUI 3.

Como parte do lançamento 3.1.0 próximos, Adam melhorou a experiência de usar YUI dois componentes de dentro do YUI 3 . Para este fim, ele acrescentou alguma inteligência para carregador YUI 3 que permite que você carregue YUI 2 módulos diretamente de seu YUI().use() declaração:

 YUI (). Utilizar ("yui2 botão", function (Y) {
	
	 / / YAHOO não é um objeto global, é modo seguro ao longo
	 / / Com o resto de sua YUI 3 funcionalidade.  Esta linha
	 / / É necessário se você quiser usar implementação existente
         / / Código:
	 var YAHOO = Y.YUI2;
	
	 / / YUI código de implementação 2
	 var tecla = new YAHOO.widget.Button ("mybutton");
	
 });

Você encontrará essa funcionalidade no 3 YUI codeline como de construção de 1933, e nós temos implantado um YUI experimental 3 build (nominalmente "yui3.1.0pr2") e um início de construção de YUI funcionalidade 2.8.0 moldado para uso em YUI 3.

Quando você baixar as últimas fonte YUI 3 a partir GitHub você encontrará alguns exemplos de trabalho em sandbox/loader (procure por arquivos com o 2in3 prefixo). Estes exemplos demonstram o uso de um número de YUI dois módulos. Nós publicamos um exemplo simples ao vivo que mostra como usar YUI YUI dois DataTable dentro de três , que é um dos recursos mais solicitados transição.

Pontos-chave sobre o YUI 2 em 3 esforço:

Este trabalho está disponível na últimas versões do lançamento 3.1.0 programados (build 1933 e mais tarde). Ele não está disponível no 3.0.0 ou na visualização 3.1.0pr1.
O projeto está em um estado experimental. Nem a construir yui3.1.0pr2 nem os envolvidos YUI 2 constrói a partir do qual ele puxa têm sido extensivamente testado, embora tenha encenado-los no CDN para torná-lo conveniente para explorar a implementação.
Baixar a compilação mais recente para exemplos Você vai encontrar alguns de Adão é a prova de conceito de arquivos no formato. sandbox/loader - além do simples exemplo acima, essas são as melhores referências de código disponível até o lançamento oficial 3.1.0 (que é ainda cerca de um mês fora).
Seus comentários nos fóruns é bem-vinda - e, se você encontrar problemas, estamos interessados em ouvir sobre eles.
Quando usado desta forma, YUI 2 não criar um mundial YAHOO objeto. YUI dois componentes estão envoltos em YUI 3 definições módulo e eles ficam contidos no 3 YUI sandbox para o qual eles estão ligados. A linha do codeSample acima, var YAHOO = Y.YUI2; , é necessária a fim de cortar e colar YUI 2 estilo de código de implementação - ou você pode mudar YAHOO referências a Y.YUI2 .
YUI duas versões são suportadas de volta para 2.2.2 - a última versão de correção de bugs para cada versão secundária é suportado (2.2.2, 2.3.1, 2.4.1, 2.5.2, 2.6.0, 2.7.0, 2.8. 0). Você pode especificar o YUI versão 2 para use da seguinte forma: YUI({yui2: '2.7.0'}).use('yui2-button', ...) . O objetivo aqui é permitir que você para evitar a migração para o 2.8.0 (ou posterior) antes de uma YUI 3 de migração.

Galeria mais fácil de usar, Too

Melhorias de Adão para carregador intrínseca YUI 3 melhoraram a experiência de trabalhar com o rápido crescimento YUI 3 Gallery , também. A partir de 3.1.0, você será capaz de trazer os módulos da galeria para a página do use() declaração sem configuração adicional - o carregador será capaz de determinar e resolver as dependências para você e vai fazer a coisa certa em relação à combinação 'ing o código fonte galeria com outros arquivos YUI. Aqui está um exemplo Dav Vidro juntos para 3.1.0 que demonstra o uso de seu módulo de consulta YQL galeria em combinação com um pré-lançamento de construir 3.1.0.

Compartilhar e ampliar: Bookmark com del.icio.us | digg it! | reddit!

16 Comentários

Parece que este despreza o carregador yui2 na galeria?
Comentário por Gabe - 11 de março de 2010 #
Gabe - Sim, isso mesmo. É importante notar que este faz algo diferente do que o módulo Gallery faz. Caridy trabalho na Galeria carrega o mesmo YUI 2 arquivos que você normalmente de carga; a 2 em 3 cargas de projeto YUI dois componentes que são embrulhados em YUI 3 módulos. Eu posso ver alguns casos onde você ainda pode querer fazer o primeiro. Mas este parece o caminho certo para quase qualquer um que olha para fazer a transição, enquanto trazendo pedaços de código legado YUI 2 com eles. -Eric
Comentário por Eric Miraglia - 11 de março de 2010 #
[...] A YUI HQ, estamos trabalhando para o próximo grande lançamento da YUI, YUI 3.1.0. Ontem nós dividimos algumas YUI trabalho loader 3 que Adam Moore fez para a 3.1.0. Sua "YUI 2 em 3" do projeto permite a utilização de componentes como YUI dois DataTable de forma simples e [...]
Pingback por In the Wild de 11 de março de 2010 »User Interface de Yahoo! Blog (YUIBlog) - 12 mar 2010 #
Conteúdo emocionante!
Estou realmente ansioso para 3.1, para a funcionalidade exposta neste post + o xdr módulo flash que será carregáveis do CDN.
Xdr módulo flash carregado a partir do CDN vai deixar as pessoas integrar formas de MyOwnDB em suas próprias páginas com uma linha em seu html, sem a necessidade de hospedar o swf no seu próprio domínio. (Claro, se o suporte ao navegador xdr nativa, que será o método preferido, que é também apoiada por YUI!)
Mantenha o bom trabalho!
Raph
Comentário por raph - 12 março de 2010 #
[...] Licença LGPL. Nate e Eduardo pretende compartilhar componentes AlloyUI nos 3 YUI Gallery, tornando-os tão fácil de usar como qualquer YUI 3, YUI 2, ou módulo Galeria de outros, eles esperam ter mais notícias sobre esse esforço [...]
Pingback por AlloyUI Visualização, um YUI 3 baseado em biblioteca de componentes de Liferay »User Interface de Yahoo! Blog (YUIBlog) - 15 março de 2010 #
[...] Da vinda versão 3.1 (apenas algumas semanas de distância) você vai ser capaz de usar todos esses módulos diretamente do seu uso () declaração sem nenhuma configuração adicional ou [...]
Pingback por Andrew Bialecki Ganha o YUI 3 Concurso da Galeria Módulo de 2010, com efeitos »Blog Yahoo! User Interface (YUIBlog) - 24 março de 2010 #
Você pode usar YUI3 animação com um componente YUI2 ou você tem para manter a animação YUI2 com ele é elemento respectivo, como progressmeter?
Comentário por Andrew Wooldridge - 26 de março de 2010 #
BTW, há um erro de digitação no código do botão acima. ele deve ser
var tecla = new YAHOO.widget.Button ("mybutton");
Que tropeçou me para uma min .. :)
Comentário por Andrew Wooldridge - 26 de março de 2010 #
[...] O que quero dizer com isso? Primeiro, levar alguns minutos para ler este artigo: http://www.yuiblog.com/blog/2010/03/11/yui-2-in-3-coming-soon/ [...]
Pingback por YUI3 e uma revolução silenciosa. «Tríptico - março 27, 2010 #
Andrew,
O YUI dois componentes puxado através de 2-em-3 continuar a usar o YUI 2 pilha. Esta não é uma camada de compatibilidade, tanto quanto é uma forma de fornecer sem costura, integrações em modo seguro como um passo temporário, enquanto sites estão sendo transição - um processo que para algumas aplicações vai durar enquanto houver são componentes necessários em YUI 2 que don ' t tem um YUI 3 contrapartida (como é o caso de DataTable hoje).
Existem alguns esforços para fazer o trabalho mais complexo que você está descrevendo em casos específicos. Por exemplo, Greg Hinch do DataSource Wrapper ( http://yuilibrary.com/gallery/show/datasource-wrapper ) visa eliminar a dependência de um DataTable em 2 YUI YUI 2 DataSource, subbing nos 3 YUI versão.
Mas não é isso que 2 em 3 pretende fazer.
-Eric
Comentário por Eric Miraglia - 28 mar 2010 #
Andrew,
Re: erro de digitação, desculpe, e obrigado por me dizer. Corrigido agora.
-Eric
Comentário por Eric Miraglia - 28 mar 2010 #
[...] 2 em 3 - Adam ampliou o poder de usar () ainda mais com o YUI 2 em 3 projeto. Com o lançamento do 3.1.0, você agora pode incluir YUI 2 módulos diretamente do seu uso () declaração, [...]
Pingback por anunciar YUI 3.1.0 »Blog Yahoo! User Interface (YUIBlog) - 31 de março de 2010 #
Note-se que o seu elemento circundante ("corpo" aka) precisa ter uma classe adicional de "yui-pele-sam" (se você quiser usar a pele fornecido) adicionado de forma que os arquivos CSS para YUI2 componentes (tais como a tabela de dados ) serão puxados através do carregador. Usando o novo "yui3 pele-sam" não é suficiente. (Ls_n confirmada via # yui)
Comentário por Brian - 19 maio, 2010 #
mas para que isso funcione eu preciso de ligação à Internet? a 'base' opção
ou seja, YUI ({base: 'LocalPath'})..
não afeta isso?
Comentário por Darek Adamkiewicz - 15 de outubro de 2010 #
Eu encontrei o anwser à minha pergunta sobre yui fórum: http://yuilibrary.com/forum/viewtopic.php?p=15260 # p15260
Comentário por Darek Adamkiewicz - 20 de outubro, 2010 #
[...] Continua a ser o padrão, e YUI 3 utilizadores que procuram uma funcionalidade equivalente hoje são orientados para o YUI 2-em-3 do projeto, que permite que você facilmente incluir e utilizar YUI 2 de dentro do YUI 3 implementações. Este é [...]
Pingback por A Verificar status no YUI de 2 para 3 de Transição »Blog Yahoo! User Interface (YUIBlog) - 05 de novembro de 2010 #

Desculpe, o formulário de comentário é fechado neste momento.

Alimentado por WordPress em Yahoo! Web Hosting .

Usuário Yahoo! interface Blog (YUIBlog)