Flex学习之八

获取表格编辑后的值。
页面上表格：

<mx:DataGrid id="DG"   editable="true"  width="60%" height="40%" dataProvider="{_productModelGird}" itemEditEnd="onEditEnd(event)">
              <mx:columns>
                <mx:DataGridColumn headerText="Name" dataField="productId" editable="false" />
                <mx:DataGridColumn headerText="Age"  dataField="productName" editable="true"/>
                <mx:DataGridColumn headerText="Age"  dataField="productDetail"/>
              </mx:columns>
            </mx:DataGrid>

AS代码：

private function onEditEnd(e:DataGridEvent):void 
		  {  
		  	e.preventDefault();
            var beingEditField:String = e.dataField;  //获得当前列的dataField
            var colName:String = DG.columns[e.columnIndex].dataField;  
            //Alert.show("colName="+colName,"info");  
            if(beingEditField == "productName") 
            {  
              var oldLocal:String = e.itemRenderer.data.productName;
              var newLocale:String= TextInput(e.currentTarget.itemEditorInstance).text;
              Alert.show("您正在编辑列: " + beingEditField + " 将: " + oldLocal + " 编辑为: " + newLocale); //在此处可以加入需要的数据验证,或是自动修正等等功能.可以使用    e.preventDefault()来阻止默认行为  
            }  
          }

*********************************************************************
上面这个有一些问题，所以我又重新修改了一下，这个是flex4版本的。代码如下：

<?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/halo" minWidth="1024" minHeight="768">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Declarations>
		<!-- Place non-visual elements (e.g., services, value objects) here -->
	</fx:Declarations>
	
	<fx:Script>
		<![CDATA[
			import mx.collections.ArrayCollection;
			import mx.controls.advancedDataGridClasses.AdvancedDataGridColumn;
			import mx.events.AdvancedDataGridEvent;
			import mx.controls.Alert;
			//import mx.containers.
			
			// Include the data for the AdvancedDataGrid control.
			[Bindable]
			private var dpADG:ArrayCollection = new ArrayCollection([
				{Artist:'Pavement', Album:'Slanted and Enchanted', Price:12.99},
				{Artist:'Pavement', Album:'Brighten the Corners', Price:13.99},
				{Artist:'Saner', Album:'A Child Once', Price:14.99},
				{Artist:'Saner', Album:'Helium Wings', Price:12.99},
				{Artist:'The Doors', Album:'The Doors', Price:10.99},
				{Artist:'The Doors', Album:'Morrison Hotel', Price:12.99},
				{Artist:'Grateful Dead', Album:'American Beauty', Price:11.99},
				{Artist:'Grateful Dead', Album:'In the Dark', Price:17.99},
				{Artist:'Grateful Dead', Album:'Shakedown Street', Price:13.99},
				{Artist:'The Doors', Album:'Strange Days', Price:12.99},
				{Artist:'The Doors', Album:'The Best of the Doors', Price:10.99}
			]);
			
			private function onEditEnd(e:AdvancedDataGridEvent):void    
			{     
				e.preventDefault();   
				//获得当前列的dataField   
				var colName:String = DG.columns[e.columnIndex].dataField;     
				if(colName == "Price")    
				{     
					var oldPrice:String = e.itemRenderer.data.Price;  
					trace(oldPrice);
					var newPrice:String = e.currentTarget.itemEditorInstance.text;
					
					trace("您正在编辑列: " + colName + " 将: " + oldPrice + " 编辑为: " + newPrice);
					Alert.show("您正在编辑列: " + colName + " 将: " + oldPrice + " 编辑为: " + newPrice);
				}     
			}  
		]]>
	</fx:Script>
	
	<mx:VBox  width="90%" height="90%">
		<mx:AdvancedDataGrid id="DG" editable="true" 
			width="100%" height="100%"  dataProvider="{dpADG}"  itemEditEnd="onEditEnd(event)" >
			<mx:columns>
				<mx:AdvancedDataGridColumn dataField="Artist"/>
				<mx:AdvancedDataGridColumn dataField="Album"/>
				<mx:AdvancedDataGridColumn dataField="Price" />
			</mx:columns>
		</mx:AdvancedDataGrid>
	</mx:VBox>
</s:Application>

评论

5 楼 a3mao 2009-11-09  

xinyuexiaodi 写道

试了一下你的这个实例，碰到的问题：
(1) var newLocale:String= TextInput(e.currentTarget.itemEditorInstance).text;有错误提示“TextInput可能未定义”，导致编译不过，该怎么解决呢?
(2) var oldLocal:String = e.itemRenderer.data.productName;  
如果列不仅仅是列productName，而是有几列，那该怎么写这句呢
希望楼主能够帮忙解决一下，谢谢

我重新改了下程序，你在试试这个。
如果是要修改好几列值，那就把每次修改后的值保存到一个集合中就可以了

4 楼 carolwyj 2009-11-04  

加入  import mx.controls.TextInput;
可解决TextInput可能未定义

3 楼 xinyuexiaodi 2009-06-23  

回复楼主，我的意思是，我可能编辑productName，也可能编辑productNo，总不能根据每一列都写一个方法吧

2 楼 a3mao 2009-06-22  

“TextInput可能未定义”  这个错误可能是没有导入包

你正在编辑的只能选定某一个单元格，不会有多个个

1 楼 xinyuexiaodi 2009-06-21  

试了一下你的这个实例，碰到的问题：
(1) var newLocale:String= TextInput(e.currentTarget.itemEditorInstance).text;有错误提示“TextInput可能未定义”，导致编译不过，该怎么解决呢?
(2) var oldLocal:String = e.itemRenderer.data.productName;  
如果列不仅仅是列productName，而是有几列，那该怎么写这句呢
希望楼主能够帮忙解决一下，谢谢