flex4.0 利用外部項(xiàng)呈示器顯示List信息并添加圖片示例
更新時(shí)間：2013年09月29日 15:07:06 作者：
利用外部項(xiàng)呈示器顯示List信息并添加圖片，在本文有個(gè)不錯(cuò)的示例，喜歡的朋友可以參考下，希望對(duì)大家有所幫助
首先是外部項(xiàng)呈示器文件：
<?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打開(kāi)新窗口將主窗口數(shù)據(jù)傳給子窗口然后返回
主窗口打開(kāi)子窗口，主窗口有數(shù)據(jù)傳給打開(kāi)的子窗口，子窗口關(guān)閉時(shí)直接返回主窗口，具體的實(shí)現(xiàn)如下，感興趣的朋友可以參考2013-12-12
ie9下關(guān)閉彈出窗口出現(xiàn)__flash__removeCallback未定義錯(cuò)誤
在關(guān)閉彈出窗口時(shí)，出現(xiàn)__flash__removeCallback未定義錯(cuò)誤。而且是關(guān)了又出現(xiàn)，關(guān)于這個(gè)問(wèn)題的解決方法如下2014-09-09
Flex4 DataGrid中如何嵌入RadioButton
本文為大家介紹下Flex4 DataGrid中嵌入RadioButton的方法，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-12-12
Flex 基于數(shù)據(jù)源的Menu Tree實(shí)現(xiàn)代碼
由外部參數(shù)flashvars指定數(shù)據(jù)源的文件位置或render鏈接,在源數(shù)據(jù)上加href和target屬性來(lái)控制打開(kāi)窗口,可自定義父節(jié)點(diǎn)和子節(jié)點(diǎn)圖標(biāo),不設(shè)置采用系統(tǒng)默認(rèn),感興趣的你可以了解下啊，或許對(duì)你有所幫助2013-01-01
下面小編就為大家?guī)?lái)一篇全面了解flex的用途。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06
AdvancedDataGrid實(shí)現(xiàn)雙表頭表格，在某些情況下還是比較實(shí)用的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
本節(jié)主要介紹了flex actionScript讀取文件實(shí)現(xiàn)代碼，需要的朋友可以參考下2014-07-07
Flex彈出窗口請(qǐng)求Action函數(shù)示例
這篇文章主要介紹了Flex彈出窗口請(qǐng)求Action函數(shù),需要的朋友可以參考下2014-05-05
flex actionScript時(shí)間處理相加返回相加后的date
這篇文章主要介紹了flex actionScript時(shí)間處理相加返回相加后的date,需要的朋友可以參考下2014-07-07
flex中使用RadioButtonGroup時(shí)取出所選項(xiàng)的值的方法
flex中的RadioButtonGroup想必大家并不陌生吧，在本文將為大家介紹下在使用RadioButtonGroup時(shí)如何取出所選項(xiàng)的值，感興趣的朋友可以參考下2013-12-12