Posisyon ng Frontend Engineering sa Team pagkakabukas Diskarte sa Yahoo!

Mayo 26, 2009 at 12:32 pm sa pamamagitan ng Eric Miraglia | Sa Frontend Trabaho Engineering sa Yahoo | Comments Off

Nabanggit namin ng ilang frontend mga posisyon engineering na magagamit sa Yahoo! nakaraang linggo, at kami ay may isa pa upang ibahagi sa iyo ngayon. posisyon na ito ay isang senior papel na F2E na tumututok sa ng platform para sa mga developer ng ​​Yahoo! - ang aming "Diskarte sa pagkakabukas, "o YOS .

Tungkol sa YOS

Ang Diskarte ng pagkakahayag ng Yahoo! Team ay gusali ang susunod na henerasyon ng mga bukas na platform at pagsasama ng mga ito sa bawat bahagi ng Yahoo!. Mula sa platform na magdagdag ng isang social elemento sa bawat aspeto ng Yahoo!, sa isang application platform at mga developer-pokus na mga handog, ang koponan ng YOS ay tasked sa pagbabago ng paraan gumagana Yahoo!. Sa gusali ang lahat ng mga bahagi ng YOS, ang koponan ay nakatutok sa pagpapatupad ng mga distributed system na mataas na scalable at performant upang maaari silang mapagkakatiwlaan maghatid ng mga daan-daan ng mga milyon-milyong ng mga gumagamit ng Yahoo! at developer araw-araw.

Job Pananagutan

Ikaw ay bahagi ng engineering team na nakatutok sa Yahoo! application platform (kahulan), na nagbibigay-daan sa mga developer na bumuo ng mga web application na magagamit sa buong Yahoo! - ang pinakamalaking madla sa mundo. Ikaw ay mag-ambag sa ang disenyo architecture, at pagpapatupad ng mga makabagong mga tampok at serbisyo para sa platform na ito. Ikaw ay malapit sa ang magpahinga ng ang koponan ng engineering, mga produkto manager, QA inhinyero at panlabas na mga kasosyo na bumuo ng mga application sa platform na ito.

Minimum kwalipikasyon

  1. 7 + taon ng karanasan ng industriya nagtatrabaho nang direkta sa web teknolohiya ang buong stack: browser, web server at database
  2. Strong utos ng mga teknolohiya na browser-side client kasama ang Ajax, XHTML, DHTML, CSS, JavaScript, DOM JSON, ang cross-browser pagkakatugma isyu, optimization pamamaraan at mga isyu sa internationalize
  3. Karanasan sa pagbuo ng application gamit ang Java o PHP
  4. Malakas na command ng client / server programming sa AJAX
  5. Magaling nakasulat at pandiwang komunikasyon kasanayan
  6. Malawak na karanasan sa mga object-oriented na disenyo at mga pamamaraan ng development
  7. Pagkamatalik sa software development cycle ng buhay at pinakamahusay na gawi
  8. BS in Computer Science o katumbas. MS sa Computer Science ginustong

Ginustong kwalipikasyon

  1. Knowledge ng paggamit ng Javascript toolkits tulad ng Yui o jQuery
  2. Karanasan sa JSP tagatala pagpapatupad
  3. Karanasan sa Buksan Social o salu-salo pagpapatupad

Maaari mong tingnan ang pag-post ng trabaho at mag-apply sa sumusunod na URL : http://careers.yahoo.com/jdescription.php?oid=22173. Yahoo! Inc ay isang pantay-pantay na pagkakataon ng employer. Para sa karagdagang impormasyon o upang hanapan ang lahat ng aming mga openings mangyaring bisitahin ang http://careers.yahoo.com.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Mayo 26, 2009

Mayo 26, 2009 sa 09:36 ng umaga sa pamamagitan ng Eric Miraglia | Sa Sa ang Wild | 2 Comments

Narito ang isang paglalagom ng mga balita at tala mula Yui sa mundo sa nakalipas na ilang linggo. Mangyaring gamitin ang mga komento sa ibaba upang ipaalam sa amin kung ano ang namin nasagot.

  • Uizard - Web Generator Mashup Nakasulat sa Yui : Writes Ajaxian: "Ang Korean developer ng ​​komunidad ay hindi na kilala sa mga tao sa kanluran tila. Wika hadlang na gawin itong mahirap upang makipag-ugnayan at sa web disenyo ay ibang-iba sa kung ano ang ginagawa namin dito. Pagiging masuwerteng sapat na sa trabaho sa mga developer mundo-malawak sa ang parehong kumpanya ko lamang kayong mapaalalahanan ng isang tool na ay binuo para sa hamon Korea Mashup tinatawag Uizard "Uizard ay binuo ng Ryu Sung-Tae -. ito ay server ay hinamon sa pamamagitan ng ang Ajaxian link , ngunit subukan ito kapag dumating sila ng back up . ( Orihinal na source. )
  • Yui pagpapatupad sa Canadian Pambansang tren : Lionel Desdier (ang "Java-pinapatakbo kawani sa daang-bakal") ay isinulat sa upang sabihin sa amin tungkol sa kanyang malawak na pagpapatupad ng Yui sa mga web application sa Canadian Pambansang tren. Writes Lionel: "Ang layunin ng na bagong application ng web, na tinatawag na Order Intermodal, ay upang pamahalaan ang walang laman na mga order ng lalagyan para sa paggamit ng aming panloob na mga clerks 'ng mas maraming tulad ng para sa aming mga customer sa paggamit sa panlabas. Ang application na ito ay bahagi ng aming EBusiness portal. Ang application ng client ng web ay panay JavaScript at malawakan batay sa library Yui. Client ay gumagamit ng JSON upang palitan ng data papunta at pabalik sa server na tumatakbo sa Java na back-end. Kami ay gumagamit ng karamihan ng mga magagamit na mga bahagi mula sa grid layout, kalendaryo, DOM, overlay, treeview, datatable at datasource, atbp din namin pinalawig ang library upang lumikha ng aming sariling mga bahagi na branded sa kumpanya ang hitsura at pakiramdam. "Ang EBusiness portal ay likod isang login, ngunit ang pangunahing cn.ca site ay gumagamit din ng ilang Yui.
  • Yui sa Paggamit sa National Geographic Adventure Magazine : Talk tungkol sa "sa ligaw" ... Kabilang sa mga online magazine na gamit Yui ay National Geographic Magazine, isang mahusay na gamit-yaman para sa mga na tulad ng upang makakuha ng kanilang mga cubicles at galugarin ang mga ang pinaka-kagiliw- giliw na mga lugar sa mundo . Makikita ninyo ang Yui sa mga pahina ng artikulo sa magizine.
  • Satyam sa "Pagbabago ng Estilo ng Sangkap sa isang Yui Widget" : pinaka mabunga kontribyutor Yui ay sa ito muli sa isang bagong tutorial sa kung paano sa estilo widgets Yui . Kung hindi ka pamilyar sa proseso ng paghuhukay sa markup ng isang widget at CSS gamit ang Firebug (o iba pang DOM inspector), makikita ninyo ito ay dapat basahin ang tutorial.
  • New Orleans Repopulation Data Paggamit ng Google Maps at Yui: @ mattpriour sinulat sa upang sabihin sa amin tungkol sa ang tagapagpahiwatig site Greater New Orleans Komunidad Data Center ng ​​Repopulation, na kung saan ay gumagamit Yui Grids, Yui tagapagsakay, at Yui Core sa pagbuo ng isang tunay na kagiliw-giliw na block-sa pamamagitan ng-block tumingin sa mga antas ng New Orleans populasyon mula sa 2005 sa ngayon. ( Orihinal na source. )
  • Yui tagapiga para sa Visual Studio : Writes ang may-akda: "Kahit na hindi mo nais na ito para sa lahat ng mga bagay sa buhay, mo nais na masiguro na ang iyong JavaScript at CSS file ay bilang maliit na bilang posible. Bilang isang web programmer, isang script minifier ay isang kapaki-pakinabang na application na ay dapat maging isang bahagi ng iyong toolbelt. Ang artikulong ito ay nagpapakita ng isang simpleng paraan upang i-hook up ang isang tanyag na minifer sa loob ng Visual Studio . "(Orihinal na source.)
  • Uzvy.com, Groups Solusyon, Paggamit ng mga Tons ng Yui: @ alokbhardwaj sinulat sa upang sabihin sa amin tungkol sa Uzvy.com, isang grupo ng site na naglalaman ng mga group discussion at "shareboards" na naglalayong upang magbigay ng isang nobelang at nakakahimok sa puwang group. Yui ay ginagamit sa buong, para sa mga modal dialog, XHR, at higit pa. ( Orihinal na source. )
  • Cagatay Civici Nagdadagdag Yui Calendar sa PrimeFaces : Writes Cagatay : "bawat library ng bahagi ng JSF ay nagbibigay ng ilang mga uri ng isang bahagi tagapili ng petsa at mga PrimeFaces ay walang exception. Sa katunayan, PrimeFaces bahagi ng kalendaryo ay batay sa kilala Yui kalendaryo widget na equipped na may ilang mga natatanging tampok . Calendar ay panay javascript at hindi gawin ang mga hindi kailangang callbacks ajax kaya ng mabilis at galit na galit. "
  • Eric Abouaf YQL Ipatupad, Batay sa Dav Glass Grids Tagabuo : Eric Abouaf ay kinuha Dav Glass Grids Builder at nagdagdag ng suporta para sa YQL query pagpapatupad, na nagpapahintulot sa iyo na bumuo YQL-pahina na base na madaling makapag-; tingnan ang Eric ay halaw dito. ( Orihinal na source. )

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Yui Teatro - Todd Kloots: "Pagbuo ng isang Mapupuntahan Web 2.0 Widget Framework "

Mayo 22, 2009 02:50 pm sa pamamagitan ng Eric Miraglia | Sa Yui Teatro | Comments Off

Todd Kloots, Engineer, Yui Team

Habang patuloy naming upang gumana sa Yui 3 , kami-iisip nang husto tungkol sa access . At hindi isa dito ay iniisip mahirap tungkol sa topic sa Todd Kloots, na may Authored isang iba't ibang mga post ng blog sa paksa pati na rin nagtatanghal ng isang komprehensibong talk ng tech sa art at sciense ng mapupuntahan development.

Todd nagkausap sa mga inhinyero ng Yahoo! frontend kamakailan tungkol sa mga aralin na natutunan sa pag-unlad ng mga tampok ng access para sa Yui 3, at kami ay masaya na ibahagi na session sa iyo dito. Para sa mga direktang pamamaraan upang gamitin sa iyong sariling pag - unlad , sumangguni sa nakaraang Todd video; session na ito ay magdadala sa iyo sa ang mas mataas na mga pagsasaalang-alang na antas na diskarte ng access ng gabay sa isang kumplikadong sistema.

Mga slide mula sa Todd ay makipag-usap ay magagamit bilang isang tono ng naka-zip ng file dito.

Ang embed mula sa Yahoo Video sumusunod; isang mas mataas na-resolution na bersyon, kasama ang isang kopya, ay magagamit mula sa site ng Teatro ng Yui.


Todd Kloots: "Pagbuo ng isang Mapupuntahan 2.0 Web Widget Framework" @ Yahoo! Video

download (m4v)

Sa kaso mo nasagot ...

Ilang iba pang kamakailang mga video mula sa Yui Teatro serye :

Subscribe sa Yui Teatro:

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Dalawang Frontend Engineering Posisyon sa Yahoo!

Mayo 22, 2009 at 09:41 am sa pamamagitan ng Eric Miraglia | Sa Frontend Trabaho Engineering sa Yahoo | Comments Off

Kapag namin mag-post ng mga anunsyo ng trabaho sa Yahoo!, madalas naming lagyan ng paunang salita ang mga ito sa mga sumusunod na itayo:

Isipin nakakaapekto 1 out ng bawat 2 tao online-in makabagong at mapanlikha mga paraan na natatanging Yahoo! . Lang namin na ang bawat araw, at maaari kang masyadong . Pagkatapos ng lahat, ito ay malaki thinkers gusto mo na lumikha ng susunod na henerasyon ng mga karanasan sa Internet para sa mga mamimili at mga advertiser sa buong mundo. Ngayon ang oras upang ipakita sa mundo kung ano ang iyong Mayroon. Ilagay ang iyong mga ideya sa trabaho para sa higit sa kalahati ng isang bilyong katao .

Itayo na ito ay hindi kailanman mas tunay kaysa sa mga posisyon sa engineering ng frontend / web development sa Yahoo!, kung saan ang mga produkto at platform ay magkaroon ng isang natatanging maabot at epekto. At kami ay palaging naghahanap para sa mga inhinyero na ang talento at simbuyo ng damdamin ay natatanging bilang ng pagkakataon. Narito ang ilang mga posisyon na kami ay naghahanap upang punan sa ngayon - posisyon gusali sa Yahoo! ng mahusay na tradisyon sa disiplina ng engineering sa frontend, paggamit at pagpapabuti ng mga tool tulad Yui, at pagtulong sa internet mas kaaya-aya at malakas para sa Yahoo ! 's kalahati ng isang bilyong mga gumagamit.

Javascript Platform Developer

Lokasyon: Sunnyvale, CA.

Ang Pagtatanghal ng Grupo ng Framework ay gusali ng bagong frameworks, paglikha ng mga aklatan at mga tool na magbibigay-daan sa iba pang mga developer at ang mga editor na bumuo ng mga web site na mabilis at mahusay. Ikaw ay nagtatrabaho sa mga manager at developer ng produkto upang maunawaan ang mga pangangailangan at mga pangangailangan. Ikaw ay ang paglikha ng mga pagtutukoy, pagdisenyo, pagpapatupad ng mga gamit at mga API. Ikaw ay gumagamit ng Yui aklatan para sa paglikha ng extensible UI.

Minimum Job kwalipikasyon:

  • JavaScript dalubhasa.
  • Eksperto sa pagsulat ng mga pamantayan sa sumusunod HTML, CSS, Ajax, DOM
  • 3-4 mga taon ng cross browser karanasan pagbuo ng application
  • Karanasan sa PHP
  • Well sanay sa XML
  • Karanasan gamit Yui
  • Self starter na may kakayahan upang gumana sa ilalim ng presyon at ang maramihang mga sabay-sabay gawain.
  • Strong makadiwa at nakasulat na komunikasyon kasanayan.

Upang mag-apply para sa posisyon, mangyaring mag-click sa sumusunod na link: http://careers.yahoo.com/jdescription.php?oid=21972.

Yahoo! Inc ay isang pantay-pantay na pagkakataon ng employer. Para sa karagdagang impormasyon o upang hanapan ang lahat ng aming mga openings, mangyaring bisitahin ang http://careers.yahoo.com.

Front-End Engineer

Lokasyon: Sunnyvale, CA.

Gusto mo upang magtrabaho sa isang application gamit ang isang user base na sinusukat sa mga milyon-milyong at hindi libo-libo? Sigurado ka interesado sa Maps o Geo Technology? Ragasa tungkol sa Front-End Engineering? Kung gayon, pagkatapos ay gusto naming makipag-usap sa iyo. Kami ay naghahanap para sa isang motivated at nakaranas ng engineer na sumali sa Yahoo! Maps koponan. Sa papel na ito, nais mong nagtatrabaho sa destination Maps ( http://maps.yahoo.com ) at sa pagtulong na sumusuporta sa mga panloob na mapa-kaugnay na mga pagsisikap sa iba pang mga katangian ng Yahoo!. Ang ideal na kandidato ay strong kasanayan sa teknolohiya frontend, ngunit lubos komportable sa Shell Scripting
(PERL / Bash) at Apache Configuration. Kayo ay isang player ng team na nakatutok sa mga mahusay na karanasan ng gumagamit na may isang mata laser matalim para sa detalye. Sound gusto mo? Ipaalam sa amin marinig ito!

Minimum kwalipikasyon:

  • BS / MS in Computer Science o katumbas
  • Malakas na mga kasanayan sa PHP, Javascript / AJAX, CSS at HTML
  • Kakayahang sumulat ng malinis, maigsi na cross-browser na code
  • Nakaraang karanasan bilang isang Front-End Engineer
  • Komportable pagbuo sa isang kapaligiran ng UNIX
  • Solid pasalita at nakasulat na komunikasyon kasanayan
  • Karanasan nagtatrabaho sa XML at / o JSON

Ninanais:

  • 2-4 taon ng karanasan sa web application development
  • Karanasan configure Apache
  • Karanasan sa bersyon control software (CVS o SVN)
  • Karanasan sa Yahoo! API (partikular Yui at Maps AJAX API)
  • Kaalaman sa alinman sa mga sumusunod ay isang plus: REST / Web Services, i18n, l10n

Upang mag-apply para sa posisyon, mangyaring mag-click sa sumusunod na link: http://careers.yahoo.com/jdescription.php?oid=21920.

Yahoo! Inc ay isang pantay-pantay na pagkakataon ng employer. Para sa karagdagang impormasyon o upang hanapan ang lahat ng aming mga openings, mangyaring bisitahin ang http://careers.yahoo.com.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Yui Teatro - Satyen Desai: "Yui 3: Layunin sa Disenyo at Arkitektura "

Mayo 12, 2009 at 01:31 pm sa pamamagitan ng Eric Miraglia | Sa sa Yui Teatro | Comments Off

Satyen Desai, Sr. Engineer, Yui Team

Ang koponan dito ay nananatiling mahirap sa trabaho sa tabi-generation codeline Yui, Yui 3, na kung saan ay magagamit bilang isang dokumentado na preview ng release ngayon at na kung saan ay naka-powering ang ilan sa Yahoo ay sa tabi-generation na mga proyekto. Bilang makakakuha tayo ng mas malapit sa release beta na ito ng tag-init, kami ay paggastos mas maraming oras na pakikipag-usap tungkol sa mga Yui 3 ang tangi katangian. Satyen Desai, isang Sr. Engineer sa koponan Yui at isa ng ang susi Yui 3 developer, nagbigay ng isang talk noong nakaraang linggo dito sa Yahoo tungkol sa mga layunin ng disenyo para sa Yui 3 at ang arkitektura mga pagpapasya na hinimok ng mga layunin. Kami ay masaya na ibahagi ang video mula sa na kaganapan sa dito sa Yui Teatro.

Mga slide mula sa Satyen ay makipag-usap ay magagamit bilang isang naka-zip PowerPoint file dito .

Ang embed mula sa Yahoo Video sumusunod; isang mas mataas na-resolution na bersyon, kasama ang isang kopya, ay magagamit mula sa site ng Teatro ng Yui.


Satyen Desai: "Yui 3: Layunin ng Disenyo at Arkitektura " @ Yahoo! Video

download (m4v)

Sa kaso mo nasagot ...

Ilang iba pang kamakailang mga video mula sa Yui Teatro serye :

Subscribe sa Yui Teatro:

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Sa Wild para sa Mayo 11, 2009

Mayo 11, 2009 at 11:43 am ni Eric Miraglia | Sa Sa ang Wild | 2 mga Komento

Balita at mga tala mula Yui komunidad sa nakalipas na dalawang linggo. Mangyaring gamitin ang mga komento upang ipaalam sa amin kung ano ang namin nasagot.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Draggable DataTable hilera

Mayo 8, 2009 sa 02:50 pm sa pamamagitan ng Gonzalo Cordero | Sa Development | 4 mga Komento

Tungkol sa Author: Gonzalo Cordero ay isang Front-End Engineer sa Yahoo! Flex Force koponan. Siya ay kasalukuyang gumagana sa susunod na henerasyon ng Yahoo! homepage. Siya ay din ng isang dating Juku graduate, kung saan siya kamakailan ay naging ng magtuturo pati na rin. Sa artikulong ito siya kalagayan sa amin sa pamamagitan ng proseso ng pagdaragdag ng I-drag at Drop functionality sa isang DataTable widget .

Panimula

Isang kamakailang mga proyekto ko na kailangan ng isang pagpapatupad ng DataTable kung saan ang mga hilera ay maaaring inilipat sa paligid na may I-drag at Drop functionality. Pagkatapos naghahanap sa pamamagitan ng Yui gallery mga halimbawa , natanto ko na ang tampok na ako ay sinusubukan upang ipatupad ay Medyo naiiba mula sa mga nakita ko . Kaya ko nagpasya upang ipatupad ang aking sariling solusyon. Sa artikulong ito ay makikita ko kung paano ko pinagsama Yui ang DataTable at I-drag at Drop bahagi, ang ilang mga puwedeng gawin para sa mga hamon na ako nakaranas, at kung paano ako ay magagawang upang mapabuti sa aking paunang solusyon sa pamamagitan ng paggamit ng bagong YUI3 codeline (na kung saan ay kasalukuyang magagamit sa preview mode).

Screenshot ng draggable hilera DataTable.

Paunang mga pagsasaalang-alang at ang ilang mga posibleng solusyon

Ang unang tanong na ang dumating sa aking isip ay kung paano gumawa ng bawat hilera ng table draggable at isang drop-target sa parehong oras sa pinaka-mahusay na paraan. Alam ko rin sa na ng instantiating isang Kaladkarin at DDTarget bagay sa parehong oras sa isang elemento ay hindi pagpunta sa trabaho. Pagkatapos ng pagbabasa sa pamamagitan isTarget true ng ang babasahin I-drag at Drop API ko nalaman na isTarget mga ari-arian isTarget makakakuha ng set true pamamagitan ng default sa totoo para sa bawat I-drag bagay na nililikha namin, bagay na iyon na isang drop -target pati na rin. Kaya na iyon, tinukoy ko ang isang DDRows DDRows class-set up ang mga kawili-wiling mga handlers ng sandali at ring magdagdag ng ilang mga estilo ng CSS para sa drag ang object ng proxy sa paningin pagkakaiba ito mula sa regular na mga hilera. Ang isang proxy drag ng bagay ay isang lalagyan na hindi nakakaabala ipinapakita sabay pagkaladkad ng mga pagsisimula at nagsisilbing bilang isang marker / gabay para sa kung ano ay dragged. 

 YAHOO.example.DDRows = function na (id, sGroup, config) {
     YAHOO.example.DDRows.superclass.constructor.call (ito, id, sGroup, config);
     Dom.addClass (this.getDragEl (), "type-proxydrag");
 };

 YAHOO.extend (YAHOO.example.DDRows, YAHOO.util.DDProxy, {
	 / / Handlers tinukoy dito
 });

Pagkatapos ng pagtukoy sa DDRows class, makinig ko para sa DataTable initEvent i-set up ang bawat hilera bilang isang bagay na Kaladkarin DDRows : 

 myDataTable.subscribe ("initEvent", ang function () {
     var i, id,
     allRows = this.getTbodyEl () hilera.;

     para sa (i = 0; i <allRows.length; i + +) {
         id = allRows [i] id.;

         / / Linisin ang anumang umiiral na drag ng pangyayari
         kung ang (myDTDrags [id]) {
             myDTDrags [id] unreg ();
             tanggalin myDTDrags [id];
         }

         / / Lumikha ng isang Kaladkarin pagkakataon para sa bawat hilera
         myDTDrags [id] = bagong YAHOO.example.DDRows (id);
     }
 });

At sa halip ng mga gamit ang DDTarget class, hanapin ko para isTarget isTarget ari-arian ng Kaladkarin bagay na patunayan ang mga elemento ng target. Sa ganitong paraan sigurado kami na lamang namin ilipat ang mga hilera ng table papunta sa iba pang mga hilera ng table: 

 onDragDrop: ang function (e, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / Tanging kung bumababa sa isang wastong target
     kung (destDD & & destDD.isTarget & & this.srcEl) {
             ...
     }
 }

Isang mahalagang pagsasaalang-alang na ang DOM ay repainted sa bawat oras na ilipat kami ng isang hilera, kaya hindi lamang ang Kaladkarin bagay sa orihinal na hilera kailangang nalinis up kapag ito ay tinanggal, ang isang bagong bagay Kaladkarin pangangailangan na nilikha para sa hilera na nilikha sa bagong posisyon. Narito ang buong onDragDrop pagpapaandar na cleans up at gumagalaw ang isang hilera : 

 onDragDrop: ang function (e, id) {
     var destDD = YAHOO.util.DragDropMgr.getDDById (id);
     / / Tanging kung bumababa sa isang wastong target
     kung (destDD & & destDD.isTarget & & this.srcEl) {
         var srcEl = this.srcEl,
             srcIndex = srcEl.sectionRowIndex,
        	 destEl = Dom.get (id),
        	 destIndex = destEl.sectionRowIndex,
             srcData = myDataTable.getRecord (srcEl) getData ().;

         this.srcEl = null;

         / / Cleanup umiiral Kaladkarin Halimbawa
         myDTDrags [srcEl.id] unreg ();
         tanggalin myDTDrags [srcEl.id];

         / / Ilipat ang mga hilera sa kanyang bagong posisyon
    	 myDataTable.deleteRow (srcIndex);
         myDataTable.addRow (srcData, destIndex);
    	 YAHOO.util.DragDropMgr.refreshCache ();
     }
     }
 }

Ito ay ang buong nagtatrabaho halimbawa gamit ang Yui 2.7.0 .

Enhancing ng aming mga halimbawa sa pamamagitan ng paggamit ng Yui 3.0 PR2

Sa homepage sa Yahoo!, kami ay gumagamit ng Yui 3 upang bumuo ang aming susunod na- henerasyon karanasan, at ang mas gamitin ko ito, mas nauunawaan ko kung paano malakas at extensible ito ay. Kaya ko nagpasya na sige at tingnan ang I-drag at Drop bahagi mula sa pinakabagong release Yui 3.0 preview para sa pagsasanay na ito .

Ito ay walang sorpresa kapag natuklasan ko na ang bagong bersyon na ito kaya kong samantalahin ng ilang ng mga bagong katangian at mga pamamaraan upang gawing mas malinis at mahusay ang aking solusyon. Halimbawa, ang I-drag at Drop sa Yui 3 ay nagbibigay ng isang mahusay na paraan upang lumikha ng ang drag / Target bagay kailangan namin: 

 myDTDrags [id] = bagong Y.DD.Drag ({
     node: "#" + id,
     constrain2node: "# datatable",
     moveOnEnd: huwad,
     proxy: tunay,
     target: totoo
 });

Hindi na kami upang tukuyin ang ating sariling subclass o mag-alala tungkol sa pagpapatunay ang sangkap bago drophit ng mga hilera, bilang drophit kaganapan ay tanging nag-trigger kapag inilapat sa mga elemento na namin tinukoy bilang mga target drop.

Ang iba pang mahusay na bagong tampok na bersyon 3 nagdudulot sa amin ay pasadyang-kaganapan bulubok (na pinagsasama ang kapangyarihan ng DOM-bulubok ng kaganapan sa ang pasadyang mga kaganapan na drive ng API sa library). Salamat sa, maaari naming ngayon upang makinig para sa lahat ng mga kaganapan I-drag at Drop sa antas ng dokumento gamit ang I-drag at Drop Manager, sa halip na kinakailangang upang maglakip ng ilang mga kaganapan sa bawat indibidwal na hilera ng table. Ang aming pasadyang-kaganapan delegasyon code ay ganito ang hitsura: 

 Y.DD.DDM.on ('i-drag: umpisa, startDrag);
 Y.DD.DDM.on ('i-drag: dulo, endDrag);
 Y.DD.DDM.on ('i-drag: drophit', dragDrop);

Ito ay ang buong nagtatrabaho halimbawa gamit ang Yui 3.0 PR2 .

Konklusyon

Umaasa ako mong makita ang mga halimbawa ng isang kapaki-pakinabang na mapagkukunan sa kung paano magdagdag ng I-drag at Drop functionality sa DataTables at sa kung paano madali mong maaari mong isama ang Yui 2.7.0 at Yui 3 bahagi sa parehong pahina. Ito rin ang nagsisilbing bilang isang mabilis na preview sa lahat ng mga bagong at nakapupukaw na mga tampok na darating sa susunod na henerasyon ng Yui.

Maghanap ng mga pag- uusap : Bloglines | Technorati

Ibahagi at i- extend: Bookmark sa del.icio.us | Digg ito ! | reddit!

Host sa pamamagitan ng Yahoo!

Copyright © 2006-2012 Yahoo! Inc. Lahat ng karapatan ay reserbado. Patakaran sa Privacy - Mga Tuntunin ng Serbisyo

Pinapatakbo ng WordPress sa Yahoo! Web Hosting .