<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:DataGrid x="66.5" y="145" id="dataGrid" dataProvider="{dataXml.children()}">
<mx:columns>
<mx:DataGridColumn headerText="标签" dataField="@label"/>
<mx:DataGridColumn headerText="值" dataField="@value">
<mx:itemRenderer>
<mx:Component>
<mx:VBox>
<mx:Script>
<![CDATA[
[Bindable]
public var comboSource:Array=["true","false","zhongli"];
/**初始化下拉框渲染器**/
private function init():void
{
trace(data.@value);
if(data.@value=="true")
{
comboItem.selectedIndex=0;
}
else if(data.@value=="false")
{
comboItem.selectedIndex=1;
}
else{
comboItem.selectedIndex=3;
}
}
private function onComboClosed():void
{
data.@value=comboItem.text;
}
]]>
</mx:Script>
<mx:ComboBox dataProvider="{comboSource}" editable="true" creationComplete="init();" id="comboItem" close="onComboClosed();"/>
</mx:VBox>
</mx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
[Bindable]
protected var dataXml:XML=<info>
<aa label="24" value="false"/>
<aa label="55" value="false"/>
<aa label="23" value="true"/>
<bb label="bb" value="false"/>
<bb label="b1" value="zhongli"/>
</info>;
private function onButtonClicked():void
{
Alert.show(dataXml.toXMLString(),"datasource");
}
]]>
</mx:Script>
<mx:Button x="66" y="115" label="Button" click="onButtonClicked()"/>
</mx:Application>
分享到:
相关推荐
flex itemRenderer 渲染机制的概念和使用
详细介绍Flex的项目呈现器的各种初级用法以及高级用法,相当实用。
flex中渲染器简介 本系列讨论 Flex itemRenderer 以及如何高效、有效地使用它们。
flex中经常会使用到渲染器,这里简要介绍一下渲染器的一些知识
理解_Flex_itemRenderer 理解_Flex_itemRenderer 理解_Flex_itemRenderer
NULL 博文链接:https://hcty31.iteye.com/blog/1190932
提供: 内渲染器的使用方法。 通过2个List的 界面 自己看效果理解。
Flex项呈示器自定义及使用实例,展示用户信息,包括头像及等级信息。与博客Flex之旅--项呈示器ItemRenderer对应
关于flex的itemRenderer的介绍,还算比较详细。
用FLEX4做的项呈现器,仿雅虎聊天界面。 需要的字段为userId、nikeName、sex…… 你可以自行添加 声明,次呈现器只做模版使用。
解决Flex内联itemRenderer的例子
NULL 博文链接:https://liugang-ok.iteye.com/blog/1135551
通过两种方法继承List组件的IconItemRenderer,实现在每个item项中添加组件,如button等
NULL 博文链接:https://baiyejianxin.iteye.com/blog/823229
itemRenderer里面的内容 获取技巧。
提供: ActionScript 自定义 ItemRenderer 渲染器的基本方法 与上一个例子 效果一样。
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc
用flex开发过程中积累下来...Flex实现ColumnChart柱图为圆角矩形的itemRenderer - 代码分享 - 开源中国社区 flex 动态生成柱状图,折线图_IT空间_百度空间 (2) . . . . . . /***************************************/
<![CDATA[ import mx.controls.CheckBox; import mx.controls.Alert; ... Alert.show("行的数据分别是:"+o.idx+"/"+o.... </mx:itemRenderer> </mx:DataGridColumn> </mx:WindowedApplication>
本文为大家详细介绍下Flex4如何使用itemRenderer 为Tree加线,感兴趣的朋友可以参考下