Flex spark.components.DataGrid与mx.controls.DataGrid邦定数据和项点击事件

最新推荐文章于 2020-06-11 16:18:54 发布

原创最新推荐文章于 2020-06-11 16:18:54 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

Flex 同时被 3 个专栏收录

17 篇文章

订阅专栏

Flash Builder

5 篇文章

订阅专栏

as3

5 篇文章

订阅专栏

本文介绍了如何使用 Flex 中的 spark.components.DataGrid 和 mx.controls.DataGrid 控件进行数据绑定，并展示了如何处理选择变化事件以获取所选项目的详细信息。通过具体的代码示例，读者可以了解如何设置 DataGrid 的属性并实现自定义事件处理函数。

spark.components.DataGrid 的邦定数据

<s:DataGrid id="yinji" x="0" y="-21" width="100%" height="397"
       dataProvider="{CaseData}"
       selectionChange="yinjiDG_itemClickHandler(event)" textAlign="left">
     <s:columns>   
      <s:ArrayList>
       <s:GridColumn dataField="EmergencyName" headerText=""  sortable="false" />  
      </s:ArrayList>
           
     </s:columns>     
    </s:DataGrid>

			public var _X:int;
			public var _Y:int;
			private function yinjiDG_itemClickHandler(event:GridSelectionEvent):void
			{
				_X = event.currentTarget.dataProvider[event.selectionChange.rowIndex].Longitude;
				_Y = event.currentTarget.dataProvider[event.selectionChange.rowIndex].Latitude;
				var PointID:String = event.currentTarget.dataProvider[event.selectionChange.rowIndex].EmergencyCaseID;
				var arrpoint:Array = new Array();
				if(_X != 0 && _X.toString() != "NaN" && _Y != 0 && _Y.toString() != "NaN"){
					arrpoint.push(_X);
					arrpoint.push(_Y);
					arrpoint.push(PointID);
					arrpoint.push("case");
					AppEvent.dispatch(AppEvent.TOPOINT,arrpoint)
				}
			}

mx.controls.DataGrid 的邦定数据

 <mx:DataGrid>
    <mx:dataProvider>
        <mx:Object Artist="Pavement" Price="11.99"
          Album="Slanted and Enchanted"/>
        <mx:Object Artist="Pavement"
          Album="Brighten the Corners" Price="11.99"/>
    </mx:dataProvider>
    <mx:columns>
        <mx:DataGridColumn dataField="Album"/>
        <mx:DataGridColumn dataField="Price"/>
    </mx:columns>
  </mx:DataGrid>

			public var _X:int;public var _Y:int;

			protected function yinji_itemClickHandler(event:ListEvent):void
			{
				try{
					var _X:Number = event.itemRenderer.data.Longitude;
    					var _Y:Number = event.itemRenderer.data.Latitude;
    
   					var arrpoint:Array = new Array();
   					if(_X != 0 && _X.toString() != "NaN" && _Y != 0 && _Y.toString() != "NaN"){
     					var PointID:String = event.itemRenderer.data.GeoNo;
    					arrpoint.push(_X);
     					arrpoint.push(_Y);
     					arrpoint.push(PointID);
     					arrpoint.push("Geo");
     					AppEvent.dispatch(AppEvent.TOPOINT,arrpoint)
    }

				}catch(e:Error){
					trace(e.toString());
				} 
				
			}