DataGrid_单击_双击_editable

单击例子：<mx:DataGrid id="dg" initialize="dg.dataProvider=arr" editable="true">

<?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" 
			   xmlns:local="*" 
			   minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			private var arr:Array = [
				{ firstName: "Alex", lastName: "Harui" },
				{ firstName: "Gordon", lastName: "Smith" },
				{ firstName: "Deepa", lastName: "Subramanian" },
				{ firstName: "Matt", lastName: "Chotin" },
				{ firstName: "Ely", lastName: "Greenfield" },
				{ firstName: "Kevin", lastName: "Lynch" },
				{ firstName: "Shantanu", lastName: "Narayan" },
				{ firstName: "Joan", lastName: "Lafferty" },
				{ firstName: "Ryan", lastName: "Frishberg" },
				{ firstName: "Jason", lastName: "Szeto" },
				{ firstName: "Mark", lastName: "Anders" },
				{ firstName: "Peter", lastName: "Flynn" },
				{ firstName: "Heidi", lastName: "Williams" }
				
			];
		]]>
	</fx:Script>
	<mx:DataGrid id="dg" initialize="dg.dataProvider=arr" editable="true">
		<mx:columns>
			<mx:DataGridColumn dataField="firstName" headerText="First Name" />
			<mx:DataGridColumn dataField="lastName" headerText="Last Name" />
		</mx:columns>
	</mx:DataGrid>
</s:Application>

 

在具体的列中进行再次设置：

<?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" 
			   xmlns:local="*" 
			   minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			private var arr:Array = [
				{ firstName: "Alex", lastName: "Harui" },
				{ firstName: "Gordon", lastName: "Smith" },
				{ firstName: "Deepa", lastName: "Subramanian" },
				{ firstName: "Matt", lastName: "Chotin" },
				{ firstName: "Ely", lastName: "Greenfield" },
				{ firstName: "Kevin", lastName: "Lynch" },
				{ firstName: "Shantanu", lastName: "Narayan" },
				{ firstName: "Joan", lastName: "Lafferty" },
				{ firstName: "Ryan", lastName: "Frishberg" },
				{ firstName: "Jason", lastName: "Szeto" },
				{ firstName: "Mark", lastName: "Anders" },
				{ firstName: "Peter", lastName: "Flynn" },
				{ firstName: "Heidi", lastName: "Williams" }
				
			];
		]]>
	</fx:Script>
	<mx:DataGrid id="dg" initialize="dg.dataProvider=arr" editable="true">
		<mx:columns>
			<mx:DataGridColumn dataField="firstName" headerText="First Name" editable="false"/>
			<mx:DataGridColumn dataField="lastName" headerText="Last Name" />
		</mx:columns>
	</mx:DataGrid>
</s:Application>

 

3、编写自己的doubleClick类，实现双击修改：

 

package 
{
	import flash.events.MouseEvent;
	import mx.controls.DataGrid;
	import mx.controls.dataGridClasses.DataGridColumn;
	import mx.controls.listClasses.IDropInListItemRenderer;
	import mx.controls.listClasses.IListItemRenderer;
	import mx.core.EventPriority;
	import mx.events.DataGridEvent;
	
	/** 
	 * DataGrid that only allows editing if you double click
	 */
	public class DoubleClickDataGrid extends DataGrid
	{
		
		public function DoubleClickDataGrid()
		{
			super();
			doubleClickEnabled = true;
		}
		
		override protected function mouseDoubleClickHandler(event:MouseEvent):void
		{
			var dataGridEvent:DataGridEvent;
			var r:IListItemRenderer;
			var dgColumn:DataGridColumn;
			
			r = mouseEventToItemRenderer(event);
			if (r && r != itemEditorInstance)
			{
				var dilr:IDropInListItemRenderer = IDropInListItemRenderer(r);
				if (columns[dilr.listData.columnIndex].editable)
				{
					dgColumn = columns[dilr.listData.columnIndex];
					dataGridEvent = new DataGridEvent(DataGridEvent.ITEM_EDIT_BEGINNING, false, true);
					// ITEM_EDIT events are cancelable
					
					dataGridEvent.columnIndex = dilr.listData.columnIndex;
					dataGridEvent.dataField = dgColumn.dataField;
					dataGridEvent.rowIndex = dilr.listData.rowIndex + verticalScrollPosition;
					dataGridEvent.itemRenderer = r;
					dispatchEvent(dataGridEvent);
				}
			}
			
			super.mouseDoubleClickHandler(event);
		}
		
		override protected function mouseUpHandler(event:MouseEvent):void
		{
			var r:IListItemRenderer;
			var dgColumn:DataGridColumn;
			
			r = mouseEventToItemRenderer(event);
			if (r)
			{
				var dilr:IDropInListItemRenderer = IDropInListItemRenderer(r);
				if (columns[dilr.listData.columnIndex].editable)
				{
					dgColumn = columns[dilr.listData.columnIndex];
					dgColumn.editable = false;
				}
			}
			
			super.mouseUpHandler(event);
			
			if (dgColumn)
				dgColumn.editable = true;
		}
	}
}

 

<?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" 
			   xmlns:local="*" 
			   minWidth="955" minHeight="600">
	<fx:Declarations>
		<!-- 将非可视元素（例如服务、值对象）放在此处 -->
	</fx:Declarations>
	<fx:Script>
		<![CDATA[
			private var arr:Array = [
				{ firstName: "Alex", lastName: "Harui" },
				{ firstName: "Gordon", lastName: "Smith" },
				{ firstName: "Deepa", lastName: "Subramanian" },
				{ firstName: "Matt", lastName: "Chotin" },
				{ firstName: "Ely", lastName: "Greenfield" },
				{ firstName: "Kevin", lastName: "Lynch" },
				{ firstName: "Shantanu", lastName: "Narayan" },
				{ firstName: "Joan", lastName: "Lafferty" },
				{ firstName: "Ryan", lastName: "Frishberg" },
				{ firstName: "Jason", lastName: "Szeto" },
				{ firstName: "Mark", lastName: "Anders" },
				{ firstName: "Peter", lastName: "Flynn" },
				{ firstName: "Heidi", lastName: "Williams" }
				
			];
		]]>
	</fx:Script>
	<local:DoubleClickDataGrid id="dg" initialize="dg.dataProvider=arr" editable="true">
		<local:columns>
			<mx:DataGridColumn dataField="firstName" headerText="First Name" />
			<mx:DataGridColumn dataField="lastName" headerText="Last Name" />
		</local:columns>
	</local:DoubleClickDataGrid>
</s:Application>