求助！！！flex大牛！DataGridColumn里单元格加下拉框，并取值-CSDN论坛

求助！！！flex大牛！DataGridColumn里单元格加下拉框，并取值

其他技术论坛 > Flex

收藏回复

[问题点数：40分，结帖人xiaoliang_1]

⋅Qt编写的一些小控件的集合 ⋅网上搜集的资料汇总转载 ⋅Qt全套学习资料(包含视频) 更多帖子 关注私信空间博客 刀刀亮 等级 本版专家分：0 结帖率 100%: 原来的flex程序需要修改，原先是DataGrid里有两个DataGridColumn，一个是名称，一个是值。dataprovider用于填值，现在需求有变化，需要某列的值变为下拉框，进行选择。代码如下：
1.视图区域：
<mx:DataGrid id="dgProp" width="100%" height="100%" editable="true" itemEditEnd="onGridEditEnd(event);">
<mx:columns>
<mx:DataGridColumn sortable="false" headerText="名称" width="80" dataField="name" editable="false"/>
<mx:DataGridColumn sortable="false" headerText="值" dataField="value" wordWrap="true"/>

</mx:columns>
<mx:dataProvider>
{properties}
</mx:dataProvider>
</mx:DataGrid>
2.代码区域：
private function setProperties(icon:FlowIcon): void{

properties.addItem({name: "名称", value: icon.name});
properties.addItem({name: "标签", value: icon.label});
properties.addItem({name: "业务名称", value: icon.memo});

properties.addItem({name: "命令字", value:icon.commandkey});
properties.addItem({name:"详情url",value:icon.urldetail});
properties.addItem({name:"编辑url",value:icon.editurl});}

需要实现的效果：

2013-06-27 15:35:51

点赞只看楼主引用举报楼主收起

展开阅读全文

⋅Qt编写的一些小控件的集合 ⋅网上搜集的资料汇总转载 ⋅Qt全套学习资料(包含视频) 更多帖子 关注私信空间博客 刀刀亮 等级 本版专家分：0: 自己顶一下

2013-06-27 16:15:53

点赞只看TA 引用举报 #1得分 0

⋅Qt编写的一些小控件的集合 ⋅网上搜集的资料汇总转载 ⋅Qt全套学习资料(包含视频) 更多帖子 关注私信空间博客 刀刀亮 等级 本版专家分：0: 2013-07-02 10:11:50

点赞 1 只看TA 引用举报 #3得分 0

⋅求帮助flex4 <s:ComboBox 带checkbook多选 更多帖子 关注私信空间博客 kgonihao 等级 本版专家分：0

大概给你写了一个，代码没太优化，写法很活，很多种，种写法只是比较好理解点.

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

			   xmlns:s="library://ns.adobe.com/flex/spark"

			   xmlns:mx="library://ns.adobe.com/flex/mx"

			   width="600"

			   height="650">



	<fx:Declarations>

		<fx:XMLList id="employees">

			<employee>

				<name>Christina Coenraets</name>

				<phone>555-219-2270</phone>

				<email>ccoenraets@fictitious.com</email>

				<test>Name098899</test>

			</employee>

			<employee>

				<name>Joanne Wall</name>

				<phone>555-219-2012</phone>

				<email>jwall@fictitious.com</email>

				<test>andy</test>

			</employee>

			<employee>

				<name>Maurice Smith</name>

				<phone>555-219-2012</phone>

				<email>maurice@fictitious.com</email>

				<test>得得得</test>

			</employee>

			<employee>

				<name>test</name>

				<phone>555-219-2000</phone>

				<email>mjones@fictitious.com</email>

				<test>ererer</test>

			</employee>

		</fx:XMLList>



	</fx:Declarations>

	<fx:Script>

		<![CDATA[

			import mx.collections.ArrayCollection;

			[Bindable]

			public var elecItems:ArrayCollection=new ArrayCollection([{label: "Samsung 25in TV", data: 299}, {label: "Panasonic Plasma", data: 999}, {label: "Sony LCD", data: 899}]);

			[Bindable]

			public var str:String="";

			[Bindable]

			public var combStr:String="";

		]]>

	</fx:Script>



	<s:layout>

		<s:HorizontalLayout horizontalAlign="center"/>

	</s:layout>



	<s:Panel title="DataGrid Control"

			 color="0x000000"

			 borderAlpha="0.15"

			 width="600">



		<s:layout>

			<s:VerticalLayout paddingLeft="10"

							  paddingRight="10"

							  paddingTop="10"

							  paddingBottom="10"/>

		</s:layout>



		<s:Label width="100%"

				 color="0x323232"

				 text="Select a row in the DataGrid control."/>



		<mx:DataGrid id="dg"

					 color="0x323232"

					 width="100%"

					 dataProvider="{employees}">

			<mx:columns>

				<mx:DataGridColumn dataField="name"

								   headerText="Name">

					<mx:itemRenderer>

						<fx:Component>

							<mx:Label>

								<fx:Script>

									<![CDATA[

										import mx.managers.PopUpManager;



										override public function set data(value:Object):void

										{

											super.data=value;

											this.text=data.name;

											outerDocument.str=data.name;

										}

									]]>

								</fx:Script>

							</mx:Label>

						</fx:Component>

					</mx:itemRenderer>

				</mx:DataGridColumn>

				<mx:DataGridColumn dataField="phone"

								   headerText="Phone"/>

				<mx:DataGridColumn dataField="email"

								   id="em"

								   headerText="Email"/>

				<mx:DataGridColumn dataField="test"

								   headerText="Value">

					<mx:itemRenderer>

						<fx:Component>

							<mx:HBox width="100%"

									 horizontalScrollPolicy="off"

									 verticalScrollPolicy="off"

									 paddingLeft="5"

									 paddingRight="5">

								<fx:Script>

									<![CDATA[

										import mx.controls.Alert;

										import mx.events.ListEvent;



										override public function set data(obj:Object):void

										{

											super.data=obj;

											txt_va.text=data.test;

											if(outerDocument.str=="test")

											{

												txt_va.includeInLayout=false;

												txt_va.visible=false;

												

												comb.includeInLayout=true;

												comb.visible=true;

											}else

											{

												txt_va.includeInLayout=true;

												txt_va.visible=true;

												

												comb.includeInLayout=false;

												comb.visible=false;

											}

										}



										protected function combobox1_changeHandler(event:ListEvent):void

										{

											outerDocument.combStr=comb.selectedItem.label;//

											outerDocument.combStr=comb.selectedItem.data;

											Alert.show(outerDocument.combStr);

										}

									]]>

								</fx:Script>

								<s:Label id="txt_va"/>

								<mx:ComboBox labelField="label"

											 id="comb"

											 change="combobox1_changeHandler(event)"

											 dataProvider="{outerDocument.elecItems}"/>



							</mx:HBox>



						</fx:Component>

					</mx:itemRenderer>

				</mx:DataGridColumn>

			</mx:columns>

		</mx:DataGrid>





	</s:Panel>



</s:Application>

2013-07-03 17:43:08

点赞 1 只看TA 引用举报 #4得分 40

⋅Qt编写的一些小控件的集合 ⋅网上搜集的资料汇总转载 ⋅Qt全套学习资料(包含视频) 更多帖子 关注私信空间博客 刀刀亮 等级 本版专家分：0

引用 4 楼 kgonihao 的回复:

大概给你写了一个，代码没太优化，写法很活，很多种，种写法只是比较好理解点.

<?xml version="1.0" encoding="utf-8"?>

<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"

			   xmlns:s="library://ns.adobe.com/flex/spark"

			   xmlns:mx="library://ns.adobe.com/flex/mx"

			   width="600"

			   height="650">



	<fx:Declarations>

		<fx:XMLList id="employees">

			<employee>

				<name>Christina Coenraets</name>

				<phone>555-219-2270</phone>

				<email>ccoenraets@fictitious.com</email>

				<test>Name098899</test>

			</employee>

			<employee>

				<name>Joanne Wall</name>

				<phone>555-219-2012</phone>

				<email>jwall@fictitious.com</email>

				<test>andy</test>

			</employee>

			<employee>

				<name>Maurice Smith</name>

				<phone>555-219-2012</phone>

				<email>maurice@fictitious.com</email>

				<test>得得得</test>

			</employee>

			<employee>

				<name>test</name>

				<phone>555-219-2000</phone>

				<email>mjones@fictitious.com</email>

				<test>ererer</test>

			</employee>

		</fx:XMLList>



	</fx:Declarations>

	<fx:Script>

		<![CDATA[

			import mx.collections.ArrayCollection;

			[Bindable]

			public var elecItems:ArrayCollection=new ArrayCollection([{label: "Samsung 25in TV", data: 299}, {label: "Panasonic Plasma", data: 999}, {label: "Sony LCD", data: 899}]);

			[Bindable]

			public var str:String="";

			[Bindable]

			public var combStr:String="";

		]]>

	</fx:Script>



	<s:layout>

		<s:HorizontalLayout horizontalAlign="center"/>

	</s:layout>



	<s:Panel title="DataGrid Control"

			 color="0x000000"

			 borderAlpha="0.15"

			 width="600">



		<s:layout>

			<s:VerticalLayout paddingLeft="10"

							  paddingRight="10"

							  paddingTop="10"

							  paddingBottom="10"/>

		</s:layout>



		<s:Label width="100%"

				 color="0x323232"

				 text="Select a row in the DataGrid control."/>



		<mx:DataGrid id="dg"

					 color="0x323232"

					 width="100%"

					 dataProvider="{employees}">

			<mx:columns>

				<mx:DataGridColumn dataField="name"

								   headerText="Name">

					<mx:itemRenderer>

						<fx:Component>

							<mx:Label>

								<fx:Script>

									<![CDATA[

										import mx.managers.PopUpManager;



										override public function set data(value:Object):void

										{

											super.data=value;

											this.text=data.name;

											outerDocument.str=data.name;

										}

									]]>

								</fx:Script>

							</mx:Label>

						</fx:Component>

					</mx:itemRenderer>

				</mx:DataGridColumn>

				<mx:DataGridColumn dataField="phone"

								   headerText="Phone"/>

				<mx:DataGridColumn dataField="email"

								   id="em"

								   headerText="Email"/>

				<mx:DataGridColumn dataField="test"

								   headerText="Value">

					<mx:itemRenderer>

						<fx:Component>

							<mx:HBox width="100%"

									 horizontalScrollPolicy="off"

									 verticalScrollPolicy="off"

									 paddingLeft="5"

									 paddingRight="5">

								<fx:Script>

									<![CDATA[

										import mx.controls.Alert;

										import mx.events.ListEvent;



										override public function set data(obj:Object):void

										{

											super.data=obj;

											txt_va.text=data.test;

											if(outerDocument.str=="test")

											{

												txt_va.includeInLayout=false;

												txt_va.visible=false;

												

												comb.includeInLayout=true;

												comb.visible=true;

											}else

											{

												txt_va.includeInLayout=true;

												txt_va.visible=true;

												

												comb.includeInLayout=false;

												comb.visible=false;

											}

										}



										protected function combobox1_changeHandler(event:ListEvent):void

										{

											outerDocument.combStr=comb.selectedItem.label;//

											outerDocument.combStr=comb.selectedItem.data;

											Alert.show(outerDocument.combStr);

										}

									]]>

								</fx:Script>

								<s:Label id="txt_va"/>

								<mx:ComboBox labelField="label"

											 id="comb"

											 change="combobox1_changeHandler(event)"

											 dataProvider="{outerDocument.elecItems}"/>



							</mx:HBox>



						</fx:Component>

					</mx:itemRenderer>

				</mx:DataGridColumn>

			</mx:columns>

		</mx:DataGrid>





	</s:Panel>



</s:Application>

能不能是动态生成的啊，最好是直接在as里写。
因为我需要根据条件显示不同，最好能在我原来的代码基础上加，

。
我是新手，刚开始用flex，基本上啥也不会，特别纠结。。。。。。
如果能帮我解决这个大难题，另有50分赠送，谢谢！！！

2013-07-05 17:21:30

点赞只看TA 引用举报 #5得分 0

⋅Qt编写的一些小控件的集合 ⋅网上搜集的资料汇总转载 ⋅Qt全套学习资料(包含视频) 更多帖子 关注私信空间博客 刀刀亮 等级 本版专家分：0: Quote: 引用 4 楼 kgonihao 的回复:

大概给你写了一个，代码没太优化，写法很活，很多种，种写法只是比较好理解点.

非常感谢你的例子，但是我还是有个问题，为什么我点击值一列的时候，会出现[object Object]，而且下拉框也是出现一秒钟的下拉，然后也是变成[object Object]的输入框呢？

2013-07-08 14:47:31

点赞只看TA 引用举报 #6得分 0

⋅此用户还没有发表过任何帖子 关注私信空间博客 GUNNER_10 等级 本版专家分：0: xiaolang_1 ,我也有遇到相同的问题。我是想每一列的下拉框都互不相关，请指教啊。

2013-12-15 00:55:50

点赞只看TA 引用举报 #7得分 0

收起

收藏回复

刀刀亮

等级：

关注私信 TA的帖子

求助！！！flex大牛！DataGridColumn里单元格加下拉框，并取值

flex中datagrid合并单元格 第一列锁定: xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"> sortableCol

flex通过AdvancedDataGrid合并单元格，导出为excel表格: flex通过AdvancedDataGrid组件合并单元格，通过java端动态绑定AdvancedDataGrid的源数据，并导出AdvancedDataGrid源数据为excel表格 1.创建一个.mxml文件 xmlns:s="library://ns

Flex中(DataGrid--DataGridColumn)数据颜色多样化-类型替换: 用得多了,发觉自己了解的真的是九牛之一毛都没有,最近用到了从后台读出数据时显示的问题,相信很多人都有用整形数据来代替字符串数据的情况比如 0--关闭(red),1--开启(green), 就这两个比较简单的代表.在读出数据...

Flex DataGrid中的DataGridColumn实现Tooltip/Datatip: I had the problem that I wanted to show text in a DataGrid column which could be far longer then the available space. It was not important that the text is visible all the time so a custom cellrendere...

Flex重写DataGridColumn dataField支持对象嵌套: package common { import mx.controls.dataGridClasses.DataGridColumn; public class ObjectNestedColumn extends DataGridColumn { publi

flex4 dataGrid 单元格内加超链接: xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:supportClasses="com.esri.ags.skins.supportCl

flex datagrid根据行和列来获取单元格的值: 当获取datagrid单元格的行和列后，怎么样获取该行和列的值呢？方法如下： var v:Object = datagrid.editedItemPosition; var colIndex:Number=v.columnIndex; var rowIndex:Numb

FLEX4实践—DatagridColumn根据条件显示不同颜色: 表格中存在不同的数据，要求将 name='Apple'的单元格显示红色下面是示例代码： <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="...

flex4 dataGrid 单元格内加超链接: xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" xmlns:supportClasses="com.esri.ags.skins.supportCl

flex DataGridColumn判断: //更具页面数据判断显示与否 1 显示... private function formatWorkStatusField(item:Object, column:DataGridColumn):String{ if(item.isHidden=="0"){ return "不显示"; }els...

flex_DataGridColumn中文按照首字母拼音排序: 整个页面全粘出来了！费时费力啊，整了好长时间，不知道还有没有别的好的方法。。。 =n; } public function convertChar(chineseChar:String):String ... var bytes:ByteArray = n...

flex DataGrid编辑单元格并获取新的值: [code="java"] [/code] [b]转[/b] [url]http://songwensheng.iteye.com/blog/628523[/url]

flex控制datagrid单元格可编辑: xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

flex DataGrid编辑单元格并获取新的值: (event)" horizontalGridLines="true" horizontalGridLineColor="#B9F2C9" verticalGridLineCol

flex DataGridColumn 换行 tooltip: 1. Flex中DataGrid中行列值信息量太大，无法显示时就需要采用tooltip方式，进行提示。采用方式为：dataTipField="text" showDataTips="true" <mx:DataGridColumn headerText=&...

FLEX4实践—DatagridColumn根据条件显示不同颜色: 需求：表格中存在不同的数据，要求将 name=Apple的单元格显示红色下面是示例代码：<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx=...

Flex的DataGrid中设置单元格跳转。: 我的需求是这样的，首先得用Datagrid显示

Flex 下拉框随着公司过滤: g:DataGridColumn id="dataGridColumn_wmcrFeeId" headerText="费用名称*" dataField="wmcrFeeId" width="100" comboMapping="SYS_FEE"> <g:...

Flex DataGrid 编辑获取数据: xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

FLEX实践：DATAGRID中添加DOUBLECLICK事件: import mx.events.FlexEvent; import Class.CarVO; import mx.collections.ArrayCollection; import mx.controls.*; import flash.events.*; [Bindable]public var arr:ArrayCollection=new ArrayC

flex_DataGridColumn中文按照首字母拼音排序: 整个页面全粘出来了！费时费力啊，整了好长时间，不知道还有没有别的好的方法。。。 =n; } public function convertChar(chineseChar:String):String ... var bytes:ByteArray = n...

flex DataGridColumn 固定序号: <![CDATA[ import mx.collections.ArrayCollection; private var employees:ArrayCollection = new ArrayCollection([ {name:"张三",phone:"123456",em

flex datagrid+combox外部渲染器之相互赋值: 在自定义渲染器中set data 方法为：给combox

Flex DataGrid DataGridColumn数据颜色多样化-类型替换: 用得多了,发觉自己了解的真的是九牛之一毛都没有,最近用到了从后台读出数据时显示的问题,相信很多人都有用整形数据来代替字符串数据的情况

flex获取选中单元格的值: <mx:Script> <![CDATA[ //单元格点击事件 private function itemClickHandle(e:ListEvent):void { var grid:DataGrid=e.target as DataGrid; ... ...

Flex 自定义 datagrid 单元格 字体: <![CDATA[ override public function set data(value:Object) : void { toolTip = value.remark;

Flex DataGridColumn number sort function: private function numberSortCompareFunction(field:String):Function { return function (obj1:Object, obj2:Object):int { var value1:Number = (obj1[field] == ""...

flex4 datagrid中添加超链、输入框、下拉框、选择按钮: ----datagrid中加超链接及其触发方法， ----datagrid中加按钮及触发方法，CONFIRM_FLAG为一条记录的字段 ----datagrid中加输入框及...protected function textinput1_focu

Flex DataGrid双击编辑单元格: flex中的DataGrid是支持单击编辑单元格内容的，不过这确实不够方便，单击是选中数据的，怎么能变成修改呢！在网上查了看，利用一个DataGrid组件，可以实现双击修改此组件源码为： DoubleClickDataGrid.as ...

相关热词 c#中字符串大小写转化 c# 设置加载ie11 c#捕获关机信号 c#显示键盘输入的字符 c#list对象排序 c# sql查询方法 3d贝塞尔曲线 c# c#获取秒 c# 类型可空转换 c#字符串转ascii码