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>




版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/tengdazhang770960436/article/details/7454726

Flex组件的项目渲染器(ItemRenderer)使用总结

Flex中提供了大量用于数据呈现的组件,这其中,以List系列组件最为常见,使用也最频繁,比如ComBoBox、List、Tree、 TileList、DataGrid等等。这些组件有一个共同的特性,...
  • lanpy88
  • lanpy88
  • 2012-08-11 09:45:01
  • 1192

flex itemRenderer 渲染机制的概念和使用

  • 2009年07月30日 14:45
  • 536KB
  • 下载

flex 渲染机制 之外部渲染器

itemRenderer-这种 itemRenderer 的 MXML 标记和 ActionScript 代码与使用该 itemRenderer 的列表位于同一文件中。代码与文件中的其余代码内联。 ...
  • liuluyan
  • liuluyan
  • 2011-09-09 12:07:06
  • 1705

flex 对datagrid列表添加图片文本 itemRender

创建一个主应用程序,采用动态赋值给datagrid
  • sinat_15274667
  • sinat_15274667
  • 2016-08-14 22:02:01
  • 523

FLEX里DataGrid单元格渲染

  • 2012年09月11日 15:24
  • 9KB
  • 下载

flex datagrid渲染使用

Artist类: package { public class Artist { public function Artist() { } public var Album:St...
  • tengdazhang770960436
  • tengdazhang770960436
  • 2012-04-12 17:18:43
  • 632

<em>Flex</em>4_<em>DataGrid</em>

提供:<em>Flex</em>4 的 <em>DataGrid</em> 组件,Tree组件 的基本使用和事件。并附:自定义条目<em>渲染</em>器 使用
  • 2018年04月03日 00:00

flex datagrid itemrender 渲染 问题及解决办法

项目中遇到这样一个问题: 在datagrid中加itemrender,itemrender中是个checkbox,checkbox根据当前行的数据决定是否选中它, 当设置datagrid的高度不能完全...
  • buyaore_wo
  • buyaore_wo
  • 2011-04-14 00:01:00
  • 3692

Flex datagrid itemrenderer刷新显示错乱问题

1.itemrenderer中控制按钮的显示和隐藏,datagrid水平滚动条拖动,itemrenderer显示错乱问题已解决,代码如下: ...
  • asuyunlong
  • asuyunlong
  • 2017-03-22 18:03:57
  • 446
收藏助手
不良信息举报
您举报文章:flex datagrid渲染使用
举报原因:
原因补充:

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