flex datagrid渲染使用

原创 2012年04月12日 17:18:43
Artist类:

package
{
	public class Artist
	{
		public function Artist()
		{
		}
		public var Album:String;
		public var Price:Number;
	}
}
dataGridTest

<?xml version="1.0"?>
<!-- dpcontrols/DataGridPassData.mxml -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
   initialize="initData()">
   <mx:Script>
   <![CDATA[
   	import mx.events.CloseEvent;
      import mx.collections.*;
      import mx.controls.Alert;
      import mx.managers.PopUpManager;
      private var DGArray:Array = [
         {Artist:'Pavement', Album:'Slanted and Enchanted', Price:11.99},
         {Artist:'Pavement', Album:'Brighten the Corners', Price:11.99}];
         
      [Bindable]
      public var initDG:ArrayCollection;
      public function initData():void {
         initDG=new ArrayCollection(DGArray);
      }
      
      public function del(obj:Object):void {
      	Alert.show("确定要删除吗?","",3,this,alertClickHandler);
      
      }
      
      public function alertClickHandler(event:CloseEvent):void {
      	if(event.detail==Alert.YES) {
      		Alert.show("删除成功!");
      	}
      }
      
      public function updateData(obj:Object):void {
      	var a:Artist = new Artist();
      	a.Album = obj.Artist;
      	a.Price = obj.Price;
      	var pop:update = update(PopUpManager.createPopUp(this,update,true));
      	pop.a = a;
      }
   ]]>
   </mx:Script>
   <mx:DataGrid id="myGrid" width="350" height="200" 
      dataProvider="{initDG}" >
      <mx:columns>
         <mx:DataGridColumn dataField="Album" />
         <mx:DataGridColumn dataField="Price" />
         <mx:DataGridColumn headerText="操作"
								   width="100">
					<mx:itemRenderer>
						<mx:Component>
							<mx:HBox width="100%"
									 horizontalAlign="center"
									 verticalAlign="middle">
								<mx:Label buttonMode="true"
										  useHandCursor="true"
										  mouseChildren="false"
										  text="删除"
										  click="outerDocument.del(data)"/>

								<mx:Label buttonMode="true"
										  useHandCursor="true"
										  mouseChildren="false"
										  text="更新"
										  click="outerDocument.updateData(data)"/>

							</mx:HBox>
						</mx:Component>
					</mx:itemRenderer>
				</mx:DataGridColumn>
      </mx:columns> 
   </mx:DataGrid>
</mx:Application>
<?xml version="1.0" encoding="utf-8"?>
<mx:TitleWindow xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="400" height="300">
	
	<mx:Script>
		<![CDATA[
		[Bindable]
		public var a:Artist = new Artist();
		
		public function updateArtis(): void {
			album.text = "update "+a.Album;
			price.text = "update "+a.Price;
		}
			
		]]>
	</mx:Script>
	
	<mx:TextInput id="album" text="{a.Album}" x="49" y="19"/>
	<mx:TextInput id="price" text="{a.Price}" x="49" y="63"/>
	<mx:Button click="updateArtis()" label="修改" x="89" y="135"/>
</mx:TitleWindow>




版权声明:本文为博主原创文章,未经博主允许不得转载。

flex中DataGrid(表格)的使用

这里我主要讲下DataGrid如下的几用法 DataGrid绑定数据DataGrid动态添加列DataGrid里面添加自定义元素 1. Flex里面DataGrid绑定数据如下: ...
  • gll19910602
  • gll19910602
  • 2016年10月28日 11:05
  • 924

flex之DataGrid增、删、改、查

注:我使用的是Flash Builder 4.6 参考文章:http://blog.csdn.net/ycf330/article/details/3862072 ------------------...
  • friendan
  • friendan
  • 2013年11月28日 23:08
  • 3296

flex在DataGrid中添加checkbox复选框,并获取选中的值

flex在DataGrid中添加checkbox复选框,并获取选中的值 1、界面:注册事件,并获取子窗体的值 //选择专题区域 private  var ztqy:DBPJZTQY = null; p...
  • ml5271169588
  • ml5271169588
  • 2013年09月15日 15:42
  • 6015

Flex中DataGrid实现列(包括头部)中加入CheckBox全选功能 几种实现方法

 在DataGrid中实现列中加入CheckBox这种用法很常见,项目中也经常会用到,在网上搜了下基本就是实现itemRender.但是 感觉网上提供的实现上好些地方都是多余的 经过自己的改造感...
  • u011589095
  • u011589095
  • 2014年08月14日 14:53
  • 1102

FLEX如何动态创建DataGrid组件详解

初学FLEX时,需要在AS里动态生成DataGrid,结果搞了很久才搞明白怎么把用MXML写出来的DataGrid改成用AS写出来,其中最主要的就是自定义itemEditor、itemRender怎么...
  • lulei9876
  • lulei9876
  • 2013年07月11日 20:42
  • 2473

Flex中DataGrid中添加一列复选框(CheckBox)

xmlns:s="library://ns.adobe.com/flex/spark"     xmlns:mx="library://ns.adobe.com/flex/mx"     crea...
  • hanxiaoyu1988
  • hanxiaoyu1988
  • 2013年03月12日 11:38
  • 1250

Flex中动态生成DataGrid以及动态生成表头

在Flex中动态生成表格,并且表格的表头也是动态生成 1、源码
  • you23hai45
  • you23hai45
  • 2013年10月28日 22:59
  • 2193

Flex DataGrid多表头实现

  • ljz9425
  • ljz9425
  • 2013年01月25日 09:19
  • 2546

Flex mx:DataGrid样式调整(Header头部垂直居中)

控件mx:DataGrid
  • Qiustion
  • Qiustion
  • 2014年11月12日 15:18
  • 2160

flex DataGrid根据数据动态显示行颜色(重写DataGrid组件)

需求:能根据记录的紧急程度显示不同的颜色,如 紧急,该行要用红色表示。 MyDataGrid组件代码:package common.flash.datagrid { import flash...
  • topviewers
  • topviewers
  • 2013年01月21日 17:14
  • 4126
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:flex datagrid渲染使用
举报原因:
原因补充:

(最多只允许输入30个字)