Àí½â Flex itemRenderer µÚ 5 ²¿·Ö: ЧÂÊ
ÔÎĵØÖ·£ºhttp://www.adobe.com/cn/devnet/flex/articles/itemrenderers_pt5.html
Èç¹ûÄúÒªÏÔʾ´óÁ¿ itemRenderer£ÎÞÂÛÔÚ DataGrid »¹ÊÇÔÚ AdvancedDataGrid ÖУÈç¹ûÎÞ·¨ÓÐЧ±àдÕâЩ itemRenderer, ÄúµÄÓ¦ÓóÌÐòÐÔÄÜ¿ÉÄÜÊܵ½¸ºÃæÓ°Ïì¡£ÒÔÏÂÊÇһЩ¿ÉÄÜÓÐËù°ïÖúµÄÌáʾ:
ÏÞÖÆÊ¹Óà itemRenderer µÄÁÐÊý¡£ÊÇ·ñÕæµÄÐèÒª½«Ã¿¸öÁÐ×÷Ϊ×Ô¶¨ itemRenderer£¿ÓÐʱÐèÒªÕâÑù, ¹ââ̫ǿÊÇ·ñ»áÁîÓû§Í·ÔÎÑÛ»¨£¿
³¢ÊÔ²»Òª¹ýÓÚÆµ·±µØ¸ü¸Ä itemRenderer ÖÐÔªËØµÄÑùʽ¡£Èç¹ûÐèÒªÇл»Ñùʽ (ÀýÈç, ÂÌÉ«ÓÃÓÚÕýÖµ, ºìÉ«ÓÃÓÚ¸ºÖµ) , ¿É¿¼ÂÇΪÕâЩÑùʽ´´½¨Á½¸ö¿ØÖÆÔ¤É貢ʹÆäÖÐÒ»¸ö¿É¼û¡£¸ü¸ÄÑùʽ Flex ÖбȽϷÑʱµÄÈÎÎñÖ®Ò»¡£
²»Òª½« Containers ÓÃ×÷ itemRenderer µÄ»ù´¡¡£ÈÝÆ÷»áÕ¼ÓôóÁ¿×ÊÔ´¡£ÉÙÁ¿Ê¹ÓÃËüÃÇ, Ч¹û»¹²»´í; µ«ÊǸù¾Ý UIComponent ±àд itemRenderer ЧÂʸü¸ß¡£
±¾ÏµÁаüº¬ÒÔÏÂÎÄÕ£º
µÚ 1 ²¿·Ö: ÄÚÁªäÖȾÆ÷
µÚ 2 ²¿·Ö: ÍⲿäÖȾÆ÷
µÚ 3 ²¿·Ö: ͨÐÅ
µÚ 4 ²¿·Ö: ״̬ºÍ¹ý¶É
µÚ 5 ²¿·Ö: ЧÂÊ
񻂗
ΪÁ˳ä·ÖÀûÓñ¾ÎÄ, ÄúÐèÒªÒÔÏÂÈí¼þºÍÎļþ£º
Flex Builder 3
±ØÒªÌõ¼þ:
Òª´Ó±¾ÎÄÖÐÊÜÒæ, Äú×îºÃÊìϤ Flex Builder ºÍ ActionScript 3.0¡£
Çл»Ñùʽ
ÒÔÏ itemRenderer ¸ù¾ÝÊý¾Ý×ֶεÄÖµÇл»×é¼þ¡£
<mx:Canvas>
<mx:Script><![CDATA private function lessThanZero() : Boolean {
return data.price < 0; }
]]></mx:Script>
<mx:Label text="{data.price}" color="#FF0000" visible="{lessThanZero()}" />
<mx:Label text="{data.price}" color="#00FF00" visible="{!lessThanZero()}" />
</mx:Canvas>
Õâ±ÈÉèÖÃÑùʽҪ¿ì¡£Òª×¢ÒâµÄÆäËûÊÂÏî°üÀ¨£º
±ÜÃâÊý¾Ý°ó¶¨µ½Ñùʽ¡£¸ü¸ÄÑùʽ²»½ö±È´ó¶àÊý²Ù×÷ÒªÂý, ¶øÇÒÔÚËüÉÏÃæÌí¼ÓÊý¾Ý°ó¶¨´úÂëÖ»»áʹËü¸üÔã¡£
ʹÓà Canvas »òÀ©Õ¹ ListItemRenderer »ò×÷Ϊ itemRenderer µÄ¸ù¡£ÕâÔÊÐíÄú½«¿ØÖÆ·ÅÔÚ¸÷×ÔÉÏ·½¡£
À©Õ¹ UIComponent
Ŀǰ±àд itemRenderer ×îÓÐЧµÄ·½Ê½ÊÇʹÓà ActionScript ÀàÀ©Õ¹ UIComponent¡£Äú¿ÉÒÔÈ«Ãæ¿ØÖÆ´úÂë, ²¢ÇÒäÖȾÆ÷Ò²¿ÉÒÔ¾¡¿ÉÄܸßЧ¡£
´ÓÉÏÀýÇл»Ñùʽ¿ªÊ¼, ±àдһ¸öÀ©Õ¹ UIComponent µÄ¼òµ¥ itemRenderer¡£
package renderers
{
import mx.controls.listClasses.IListItemRenderer;
import mx.core.UIComponent;
public class PriceItemRenderer extend
Ïà¹ØÎĵµ£º
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 ......
ѧFlexÒ²ÓÐÒ»¶Îʱ¼äÁË£¬²Î¿¼ÁËÐí¶àÈ˵Ä×ÊÁÏ¡£Ò»Ö±Ïë×Å×Ô¼ºÐ´µã¶«Î÷·ÖÏí¸ø´ó¼Ò¡£ÈçÊÇ£¬×Ô¼º×¼±¸Ð´ÕâÑùµÄÒ»¸öRPGÓÎÏ·DEMOµÄϵÁС£»òÐí×Ô¼ºµÄËã·¨£¬½á¹¹ÉÏÉè¼ÆÓÐЩÐíÎÊÌ⣬µ«ÈÔÏ£ÍûÄܸø´ó¼Ò´øÀ´°ïÖú£¬²»ºÃµÄµØ·½ÇëPASSµô¡£¡£¡£~~ÓÎÏ·Ò²²Î¿¼ÁËÉîÀ¶É«ÓÒÊÖµÄÐí¶àÉè¼ÆË¼Ï룬ÔÚ´ËÏòÆä±íʾ¸Ðл¡£ËûµÄ²©¿ÍµØÖ·£ºhttp://w ......
ÔÚ.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 ......
¸Õ½Ó´¥flex. ÔÚÓÃHTTPService»ñÈ¡XML¸ñʽÊý¾ÝÔٰ󶨸øDataGridʱ.Óöµ½Ò»¸öºÜ"Ææ¹Ö"µÄÎÊÌâ ¾ÍÊǵ±xmlµÄÌõĿСÓÚµÈÓÚ1ʱ,¾Í»á³ö´í. ºÜÊÇÓôÃÆÁËÒ»¶Îʱ¼ä ºóÀ´²Å·¢ÏÖ. ÎÊÌâ¼´²»ÊdzöÔÚHTTPServiceÉÏ,Ò²²»ÊdzöÔÚDataGridÉÏ. ¶øÊdzöÔÚ RESULT_FORMAT_E4X ÐÍÊý¾ÝÀàÐÍת»¯ÎªArrayCollectionÉÏ ÔÀ´ event.result ·µ»ØµÄÊÇob ......