The renderers don't fully cover the DG so parts of the underlying and parenting ListBaseContentHolder show through so the target won't always be an IListItemRenderer. mouseEventToItemRenderer will probably help you resolve the mouse to a target renderer
From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Dharmendra Chauhan Sent: Tuesday, January 13, 2009 10:31 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] Re: Data Grid Issue Here is complete code:- <?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"; layout="absolute" creationComplete="init()" backgroundColor="#b3b4ae" > <mx:Script > <![CDATA[ import mx.charts.HitData; import mx.controls.dataGridClasses.DataGridItemRenderer; import mx.events.ListEvent; import flash.utils.describeType; import flash.utils.getDefinitionByName; import mx.controls.Alert; import mx.formatters.DateFormatter; import mx.collections.ArrayCollection; // include "MatsFormatter.as" var selectedArr:Array = new Array(); var arrCol:ArrayCollection ; function init():void{ arrCol = new ArrayCollection([{name:'AA', age:25}, {name:'BB', age:15}, {name:'CC', age:23}, {name:'DD', age:25}, {name:'EE', age:15}, {name:'FF', age:23}, {name:'GG', age:25}, {name:'HH', age:15}, {name:'II', age:23}]); dg.dataProvider = arrCol; } var isMouseDown:Boolean = false; public function mouseDownFunc (mDn:flash.events.MouseEvent ):void{ //Alert.show("mouseDownFunc"); isMouseDown = true; } public function mouseUpFunc (mUp:flash.events.MouseEvent ):void{ // Alert.show("mouseUpFunc"); isMouseDown = false; // Work Around to select iterleaved unselected row /* var selectedArr2:Array = new Array(); var firstRowIndex :int = dg.selectedIndices[0] var lastRowIndex :int = dg.selectedIndices [dg.selectedIndices.length -1 ] if(firstRowIndex < lastRowIndex){ for(var i:int = firstRowIndex; firstRowIndex<= lastRowIndex;firstRowIndex++) selectedArr2.push(firstRowIndex); }else{ for(var j:int = lastRowIndex; lastRowIndex<= firstRowIndex;lastRowIndex++) selectedArr2.push(lastRowIndex); } dg.selectedIndices = selectedArr2; */ } public function mouseOverFunc (mOver:MouseEvent,dgCol:ListEvent = null ):void{ var rend:Object; if(isMouseDown){ try{ selectedArr = dg.selectedIndices; selectedArr.push(mOver.target.listData.rowIndex); dg.selectedIndices = selectedArr; }catch(e:Error){ // rend = mOver.relatedObject ; } } } /* public function itemRollOverFunc (itmRollOver:ListEvent):void{ if(isMouseDown){ try{ selectedArr = dg.selectedIndices; selectedArr.push(itmRollOver.rowIndex); dg.selectedIndices = selectedArr; }catch(e:Error){ trace(e.getStackTrace()); } } } */ ]]> </mx:Script> <mx:Style> DataGrid { backgroundColor:#b3b4ae; borderColor:#66696B; verticalGridLineColor :#808080; horizontalGridLineColor :#808080; themeColor:#0A246A; borderStyle:solid; fontSize: 8; headerStyleName: "dgHeaderStyles"; } .dgHeaderStyles { fontSize: 10; textAlign: left; backgroundColor: #d4d0c8; fontFamily :san Sarif; } </mx:Style> <mx:Panel layout="absolute" title="MATS Trade Management Console" id="gridPanel" left="5" right="5" top="5" bottom="5" themeColor="#B3B4AE"> <mx:DataGrid width="50%" height="50%" headerColors="[#d4d0c8,#d4d0c8]" horizontalScrollPolicy="auto" allowMultipleSelection="true" id="dg" horizontalGridLines="true" rowHeight="30" selectionColor="#FFFFFF" top="0" bottom="0" mouseDown="mouseDownFunc(event)" mouseUp="mouseUpFunc(event)" mouseOver="mouseOverFunc(event)" > <mx:columns> <mx:DataGridColumn id="status" wordWrap="false" headerText="Name " dataField="name"/> <mx:DataGridColumn id="age" dataField="age" headerText="Age"/> </mx:columns> </mx:DataGrid> </mx:Panel> </mx:Application> Regards, Dharmendra --- In flexcoders@yahoogroups.com<mailto:flexcoders%40yahoogroups.com>, "Dharmendra Chauhan" <chauhan_i...@...> wrote: > > Hello, > I have designed a custom dataGird which allows user to select > multiple row without shift key. that meas user just need to right > click the mouse and drag it over the grid. For this I have > override mouseOverHandler Function in my dataGrid. > > override protected function mouseOverHandler (event:MouseEvent):void > { > var selectedArr:Array = new Array(); > if(isMouseDown){ > > try{ > > selectedArr = dg.selectedIndices; > > > selectedArr.push(mOver.target.listData.rowIndex); > > > dg.selectedIndices = selectedArr; > > > }catch(e:Error){ > } > } > } > > Issue wich I have been facing is 'mOver.target.listData.rowIndex' > does not consistently return rowIndex ,whenever I move mouse with > fast pace > 1 ) it throws an error " Property listData not found on > mx.controls.listClasses.ListBaseContentHolder > and there is no default value" . > 2) Some dataGrid does not dispatch mouseOver as a result > mouseUpHandler does get called. > I hope you are convinced with observation.Please let me know you > have any workAound for the above issue. > > Regards, > Dharmendra >
