flex4.0 利用外部項呈示器顯示List信息并添加圖片示例
更新時間：2013年09月29日 15:07:06 作者：
利用外部項呈示器顯示List信息并添加圖片，在本文有個不錯的示例，喜歡的朋友可以參考下，希望對大家有所幫助
首先是外部項呈示器文件：
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true">
<s:Group>
<s:layout>
<s:HorizontalLayout paddingLeft="10" paddingTop="10" gap="20" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
[Embed(source="images/user_superman.png")]
private const imgsource:Class;
private function getImage(data:Object):Object
{
if(data!=null)
{
var img:Image=new Image();
img.source=imgsource;
this.addElement(img);
}
return null;
}
]]>
</fx:Script>
<s:Image source="{getImage(this.data)}"/>
<s:Label text="{data.sName}+'***'+{data.sAge}"/>
</s:Group>
</s:ItemRenderer>
第二部呢，就是在application主文件中引用即可：
<s:List id="stuList" width="100%" height="100%" dataProvider="{stuColl}" itemRenderer="com.hz.StuListItemRender">
</s:List>
顯示效果如下：
復(fù)制代碼 代碼如下:
<?xml version="1.0" encoding="utf-8"?>
<s:ItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx"
autoDrawBackground="true">
<s:Group>
<s:layout>
<s:HorizontalLayout paddingLeft="10" paddingTop="10" gap="20" verticalAlign="middle"/>
</s:layout>
<fx:Script>
<![CDATA[
[Embed(source="images/user_superman.png")]
private const imgsource:Class;
private function getImage(data:Object):Object
{
if(data!=null)
{
var img:Image=new Image();
img.source=imgsource;
this.addElement(img);
}
return null;
}
]]>
</fx:Script>
<s:Image source="{getImage(this.data)}"/>
<s:Label text="{data.sName}+'***'+{data.sAge}"/>
</s:Group>
</s:ItemRenderer>
第二部呢，就是在application主文件中引用即可：
復(fù)制代碼 代碼如下:
<s:List id="stuList" width="100%" height="100%" dataProvider="{stuColl}" itemRenderer="com.hz.StuListItemRender">
</s:List>
顯示效果如下：
相關(guān)文章
這篇文章主要介紹了在Flex中判斷是否在組件之外單擊的技巧,需要的朋友可以參考下2014-05-05
flex 遍歷Object對象內(nèi)容的實現(xiàn)代碼
這篇文章主要介紹了flex 遍歷Object對象內(nèi)容的實現(xiàn)代碼,需要的朋友可以參考下2014-07-07
Flex中TextInput組件設(shè)置限制某些字符的輸入的方法
TextInput組件設(shè)置限制輸入例如限制某個字符的輸入、設(shè)置只能輸入某些字符等等，下面是具體的示例，喜歡的朋友可以參考下2014-01-01
文本框值的length取出的是字符個數(shù)，并不是字節(jié)長度，如果含有中文或者全角字符，一個字符是2個字節(jié)，下面與大家分享下具體的判斷方法，感興趣的朋友可以參考下哈2013-07-07
在Flex中給datagrid添加右鍵菜單項的具體實現(xiàn)
Flex中如何給datagrid添加右鍵菜單項，其實很簡單，下面有個不錯的教程，感興趣的朋友可以參考下2013-12-12
flex tree自動顯示橫向滾動條想必有很多的朋友都不會吧，下面與大家分享下具體的實現(xiàn)方法，感興趣的你可不要錯過了哈2013-05-05
Flex調(diào)Javascript打開新窗口示例代碼
Flex通過調(diào)用Javascript打開全屏的新窗口新窗口示例代碼 ，具體實現(xiàn)代碼如下，感興趣的朋友可以參考下，希望對大家有所幫助2013-08-08
自己閑暇時間整理了有關(guān)復(fù)選框可下拉的幾種用法，在這里與大家分享下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
flex4.0 利用外部項呈示器顯示List信息并添加圖片示例
利用外部項呈示器顯示List信息并添加圖片，在本文有個不錯的示例，喜歡的朋友可以參考下，希望對大家有所幫助2013-09-09
AdvancedDataGrid實現(xiàn)雙表頭表格，在某些情況下還是比較實用的，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10