Àí½â Flex itemRenderer µÚ 1 ²¿·Ö: ÄÚÁªäÖȾÆ÷
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt1.html
Flex ÌṩÐí¶à¿ØÖÆ, ËüÃÇ¿ÉÒÔ°´²»Í¬·½Ê½ÏÔʾ´óÁ¿Êý¾Ý¡£List ¿ØÖÆ×Ô¼º¡¢DataGrid¡¢Tree ÒÔ¼°°üÀ¨Í¼±íºÍ AdvancedDataGrid ÔÚÄڵĿÉÊÓÀࡣĬÈÏÇé¿öÏÂ, Flex ÁÐ±í¿ØÖÆ½«ÌṩµÄÊý¾ÝÏÔʾΪ¼òµ¥Îı¾¡£µ« Flex µÄÄÜÄÍÔ¶²»Ö¹´Ë, ÁÐ±í¿ØÖÆÌṩÁËÒ»ÖÖʹÓà itemRenderer ¶ÔÆäÄÚÈݽøÐÐ×Ô¶¨µÄ·½Ê½¡£Í¨¹ýÔÊÐíÄúʹÓà itemRenderer ÍêÈ«¿ØÖÆÁбíÿÐÐ (»òµ¥Ôª¸ñ) µÄÄÚÈÝ, Flex ʹÄúÄܹ»±àд³ö¸üÒýÈËעĿ¡¢¸ü¾ß´´Òâ¡¢¸üʵÓõÄÓ¦ÓóÌÐò¡£
±¾ÏµÁÐÌÖÂÛ Flex itemRenderer ÒÔ¼°ÈçºÎ¸ßЧ¡¢ÓÐЧµØÊ¹ÓÃËüÃÇ¡£±¾ÏµÁеĵÚÒ»²¿·Ö²àÖØÓÚÄÚÁª itemRenderer, ËüÃÇдÈëÃèÊö List ¿ØÖÆµÄ MXML ±ê¼ÇÖС£Ö®ºóµÄÎÄÕÂÌÖÂÛʹÓà MXML ºÍ ActionScript ÇÒ¸üΪ¸´Ô itemRenderer¡£
񻂗
ΪÁ˳ä·ÖÀûÓñ¾ÎÄ, ÄúÐèÒªÒÔÏÂÈí¼þºÍÎļþ:
Flex Builder 3
·¶ÀýÎļþ:
itemrenderers_pt1.zip (ZIP, 28KB)
±ØÒªÌõ¼þ:
Òª´Ó±¾ÎÄÖÐÊÜÒæ, Äú×îºÃÊìϤ Flex Builder ºÍ ActionScript 3.0¡£
Ñ»·Ê¹ÓÃäÖȾÆ÷
ÈËÃǾ³£³¢ÊÔ´ÓÁбíÍâ·ÃÎÊ itemRenderer¡£ÀýÈç, ÓÉÓÚÄú¸Õ´Ó·þÎñÆ÷ÄÇÀïÊÕµ½ÐÂÊý¾Ý, Äú¿ÉÄÜÒª½« DataGrid ÖеÚÎåÐеĵÚËÄÁбäΪÂÌÉ«¡£»ñÈ¡ÄǸö itemRenderer ʵÀý²¢ÔÚÍⲿÐÞ¸ÄËü¶ÔÓÚ Flex ¿ò¼ÜºÍ×é¼þÄ£ÐͶøÑÔÊÇÒ»¸ö´ó¹¤³Ì¡£
ÒªÀí½â itemRenderer, Äú±ØÐëÀí½âËüÃÇΪºÎ±ä³ÉÏÖÔÚÕâÑùÒÔ¼°ÎÒÃǵ±³õÉè¼ÆËüÃÇʱµÄÄ¿µÄ¡£ÔÚ´Ë, µ±ÎÒÓõ½“ÎÒÃǔʱ, ÎÒÖ¸µÄÊÇ Adobe Flex Éè¼ÆÐ¡×é¡£ÎÒÓëËüûÓйØÏµ¡£ÑÔ¹éÕý´«, ¼ÙÉèÄúÒªÏÔʾ 1,000 Ìõ¼Ç¼¡£Èç¹ûÄúÈÏΪÁÐ±í¿ØÖÆ»á´´½¨ 1,000 ¸ö itemRenderer, Äú¾Í´íÁË¡£Èç¹ûÁбíÖ»ÏÔʾ 10 ÐÐ, Ëü»á´´½¨Ô¼ 12 ¸ö itemRenderer£ÕâЩ×ãÒÔÏÔʾ¸÷¸ö¿É¼ûÐÐ, ¶à³öµÄ¼¸¸öÔòÓÃÓÚ»º³åºÍÐÔÄÜ¡£Áбí×î³õÏÔʾÐÐ 1–10¡£µ±Óû§¹ö¶¯Õâ¸öÁбíʱ, ËüÏÖÔÚ¿ÉÄÜÏÔʾÐÐ 3-12¡£µ«ÄÇ 12 ¸ö itemRenderer ÈÔÔÚÄÇÀï: ¼°Ê±¹ö¶¯Áбíºó, Ò²²»»áн¨ÈκΠitemRenderer¡£
ÒÔÏÂÊÇ Flex Ö´ÐеIJÙ×÷¡£¹ö¶¯Áбíʱ, ÄÇЩÒÀÈ»ÏÔʾÏàͬÊý¾Ý (ÐÐ 3-10) µÄ itemRenderer ½«ÏòÉÏÒÆ¶¯¡£ËüÃDz¢Î´·¢ÉúÈκα仯, Ö»ÊÇÒÆµ½ÁËÐÂλÖá£Ö®Ç°ÏÔʾÐÐ 1 ºÍ ÐÐ 2 Êý¾ÝµÄ itemRenderer ÏÖÔÚÒÆµ½ÐÐ 10 µÄ itemRendere Ï¡£È»ºó, ΪÄÇЩ itemRenderer ÌṩÐÐ 11 ºÍ ÐÐ 12 µÄÊý¾Ý¡£»»ÑÔÖ®, ³ý·ÇÄúµ÷ÕûÁбí´óС, ·ñÔò½«ÖØÓÃ/Ñ»·Ê¹ÓÃÄÇЩÏàͬµÄ itemRenderer£ËüÃÇÖ»ÊÇÒÆµ½ÐÂλÖò¢ÇÒÏÖÔÚÏÔʾÐÂÊý¾Ý¡£
Flex µÄÕâÒ»ÐÐΪÔÚÌØ¶¨±à³Ì
Ïà¹ØÎĵµ£º
FlexµÄʼþÆäʵºÜÈÝÒ×Ã÷°×£¬ÏóJAVAÓïÑÔÒ»Ñù£¬¸øÄ³¸ö¿Ø¼þ×¢²áÒ»¸ölistener£¬È»ºóʼþ·¢ÉúµÄʱºò´¥·¢ÏàÓ¦µÄº¯Êý£¬ÕâµãÎÒÏàÐÅ´ó¶àÊýÈ˶¼Äܹ»Ã÷°×¡£½ñÌìÎÒÏëҪ˵µÄ²»ÊÇÕâ¸ö£¬¶øÊǸü¼Óϸ½ÚµÄһЩ¶«Î÷¡£
1.ʼþµÄ´«²¥¹ý³Ì¡£
FlexʼþÓÐÏÂÃæÈý¸ö½×¶Î£¬µ±Ê¼þ·¢ÉúʱÒÀ´ÎΪ£º
1.capturing£¨²¶×½£©
2.targeting£¨Ä¿±ê£©
3.bubbli ......
1-Ê×ÏÈдһ¸ö¼ÓÔØÍⲿswfÎļþµÄÀà
package Package
{
import flash.display.DisplayObject;
import flash.display.Loader;
import flash.events.*;
import flash.net.URLRequest;
import mx.core.UIComponent;
import mx.events.FlexEvent;
public class CtmOb ......
ÔÚ.netÖУ¬ÎÒÃÇ¿ÉÒÔÓÃ"²ã"À´²¼¾Ö£¬ÊµÏֿؼþµÄÉÏÏÂÖØµþ¡£
ÔÚflexÀïÃ²ËÆÊÇûÕâ¸ö¸ÅÄîµÄ£¬flex°´Ä¬ÈÏÊÇÈÏΪÏȶ¨ÒåµÄÔÚϲ㣬ºó¶¨ÒåµÄÔÚÉϲ㣬²»ÂÛÊÇÊÂÏȶ¨ÒåµÄ¿Ø¼þ£¬»¹ÊÇ´úÂ붯̬Éú³ÉµÄ¿Ø¼þ£¬¶¼ÊÇÏÈÀ´¾ÓÏ¡£
µ«ÊÇflexÓÐ×Ô¼ºµÄµ÷Õûº¯Êý£¬×ÜËãÊÇÈÃÎҲ鵽ÁË¡£
ÈÝÆ÷Ãû.setChildIndex(displayObject,int)¾ÍÊǵ÷ÕûÕâ¸öÈÝÆ÷ÏÂËùÓп ......
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[
function chkbox():void
{
var menssage:String = "";
if (c ......
°ó¶¨£º
¾Ù¸öÀý×Ó£º ¸øÏÂÃæµÄpublic±äÁ¿¼ÓÉÏ[Bindable]
[Bindable]
public var name:String = "";
×÷Ϊһ¸öpublic±äÁ¿£¬¿Ï¶¨¼È¿ÉÒÔ±»¸³Öµ£¬Ò²Äܸ³Öµ¸ø±ðµÄ±äÁ¿¡£°ó¶¨µÄ×÷ÓþÍÊÇ£¬µ±name¸Ä±äµÄʱºò£¨±»¸³ÖµÁË£©£¬¿ÉÄÜ֪ͨÆäËü±»nameÓ°Ï죨¸³Öµ¸øËüÃÇ£©µÄ±äÁ¿·¢Éú¸Ä±ä¡£ÕâÀïµÄ“¿ÉÄÜ” ......