Alex -- I just saw that you had responded to my older post -- I haven't been monitoring it since I found my own work-around. Yes, you have correctly identified the situation that the itemEditEnd is called twice (for two different cells).
You asked the question "what's the user task goal" and "what are you really trying to popup?". In this case the user has entered some text into a datagrid cell that is ambiguous. The pop-up provides a list of the possible matches for the user-entered text along with some additional information about each choice and a couple of buttons to choose one or cancel out. (This is a Flight Planning type of application for pilots. If they enter "SAN" they may have wanted the San Diego airport. *Or* they may have wanted one of the 17 other locations that start with SAN... such as SANGO, SANFI, SANFD, etc.) This particular use-case is used in a number of other commercial Flight Planners, so the use of a pop-up is quite expected in this user community. My current pop-up code seems to be working OK at this point. I have actually implemented your suggestions about setting focus to the button in the popup on creationComplete. Hope this explanation of how this is being used can be helpful in the future as you look at issues such as focus in the AdvancedDataGrid and consider all of the possible use-cases that may be out there. I'm sure it's quite a job! --- In [email protected], "Alex Harui" <[EMAIL PROTECTED]> wrote: > > The DataGrid does not like having popups come up during edit sessions. > It is trying to manage focus between editors as the popup tries to take > away the focus. > > There's also a 'problem' in your code that itemEditEnd can be called > twice, once as you leave the cell, and again as the dg tries to move to > a new cell and you lose focus to the popup and have to kill that editor > too. I'd add logic as to whether you have a popup up or not, I would > also regenerate the popup every time instead of re-using it and set > focus in the creationComplete handler to the button in the popup. There > may still be cases that won't work. I'd try to avoid this kind of UI if > possible, popups are rather jarring. What are you really trying to > popup? What's the user task goal? > > ________________________________ > > From: [email protected] [mailto:[EMAIL PROTECTED] On > Behalf Of wpbarto > Sent: Tuesday, December 11, 2007 2:14 PM > To: [email protected] > Subject: [flexcoders] PopupManager causes RangeError: Error #2006: > adding a popup window > > > > I saw something else similar in flexcoders, but the information > didn't seem to apply to this case. I can create a popup window from > a button's click handler, but THE SAME CODE used when editing a > DataGrid cell FAILS! > > Is it a bug or a mis-use of PopupManager?? Thanks for any help! > > Top part of Error stack: > RangeError: Error #2006: The supplied index is out of bounds. > at flash.display::DisplayObjectContainer/addChildAt() > at > mx.managers::SystemManager/http://www.adobe.com/2006/flex/mx/internal: > <http://www.adobe.com/2006/flex/mx/internal:> > :rawChildren_addChildAt() > at mx.managers::SystemManager/addChild() > at mx.managers::PopUpManagerImpl/addPopUp() > at mx.managers::PopUpManager$/addPopUp() > at TestPopup/::onCellEdit() > at TestPopup/__pointGrid_itemEditEnd() > at > flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEv > entFunction() > at flash.events::EventDispatcher/dispatchEvent() > at mx.core::UIComponent/dispatchEvent() > at mx.controls::DataGrid/::endEdit() > at mx.controls::DataGrid/::deactivateHandler() > at > flash.events::EventDispatcher/flash.events:EventDispatcher::dispatchEv > entFunction() > at flash.events::EventDispatcher/dispatchEvent() > at mx.core::UIComponent/dispatchEvent() > at mx.controls::DataGrid/::endEdit() > > This is the smallest example I can create: > > [File1: TestPopup.mxml] > ================================================================== > <?xml version="1.0" encoding="utf-8"?> > <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml > <http://www.adobe.com/2006/mxml> " > layout="absolute" applicationComplete="onAppComplete()"> > <mx:Script> > <![CDATA[ > import mx.managers.PopUpManager; > import mx.collections.ArrayCollection; > import mx.events.DataGridEvent; > import mx.events.DataGridEventReason; > > private var popWin:MyPopupWindow = null; > > private var curData:ArrayCollection; // items for datagrid > > private var items:ArrayCollection; // items for pop up > > private function onAppComplete():void { > curData = new ArrayCollection(); > curData.addItem( { ident:"ORD", cityname:"Chicago, IL" } ); > curData.addItem( { ident:"ATL", cityname:"Atlanta, GA" } ); > curData.addItem( { ident:"DEN", cityname:"Denver, CO" } ); > curData.addItem( { ident:"", cityname:"" } ); // one blank > > pointGrid.rowCount = 5; > pointGrid.dataProvider = curData; > > items = new ArrayCollection(); > items.addItem( {ident:"JFK", cityname:"New York, NY"} ); > items.addItem( {ident:"LAX", cityname:"Los Angeles, CA"} ); > items.addItem( {ident:"SEA", cityname:"Seattle, WA"} ); > } > > private function onClick():void { > if(popWin == null) { > popWin = new MyPopupWindow(); > popWin.itemChoices = items; > } > PopUpManager.addPopUp(popWin, this, true); > PopUpManager.centerPopUp(popWin); > } > > private function onCellEdit(event:DataGridEvent):void { > if(event.reason == DataGridEventReason.CANCELLED) > return; > if(popWin == null) { > popWin = new MyPopupWindow(); > popWin.itemChoices = items; > } > PopUpManager.addPopUp(popWin, this, true); > PopUpManager.centerPopUp(popWin); > } > ]]> > </mx:Script> > > <mx:VBox> > <mx:Label text="Clicking the button creates popup OK:" /> > <mx:Button id="theButton" label="Click Me" click="onClick()"/> > <mx:Label text="However, editing a cell FIRST fails:" /> > <mx:DataGrid id="pointGrid" itemEditEnd="onCellEdit(event)" > editable="true"> > <mx:columns> > <mx:DataGridColumn id="identCol" width="50" dataField="ident" > headerText="Ident"/> > <mx:DataGridColumn id="citynameCol" width="90" > dataField="cityname" headerText="City/Name" paddingLeft="1" > paddingRight="1"/> > </mx:columns> > </mx:DataGrid> > </mx:VBox> > </mx:Application> > > [File2: MyPopupWindow.mxml] > ================================================================== > <?xml version="1.0" encoding="utf-8"?> > <mx:Panel xmlns:mx="http://www.adobe.com/2006/mxml > <http://www.adobe.com/2006/mxml> " layout="absolute" > width="400" height="300" title="The Popup Window"> > > <mx:DataGrid id="selItemList" dataProvider="{itemChoices}" > width="100%" height="100%"> > <mx:columns> > <mx:DataGridColumn id="identCol" dataField="ident" > headerText="Ident"/> > <mx:DataGridColumn id="typeCol" dataField="cityname" > headerText="City"/> > </mx:columns> > </mx:DataGrid> > <mx:ControlBar width="100%"> > <mx:Spacer width="100%"/> > <mx:Button label="Cancel" click="onCancel()"/> > </mx:ControlBar> > > <mx:Script> > <![CDATA[ > import mx.managers.PopUpManager; > import mx.collections.ArrayCollection; > > [Bindable] public var itemChoices:ArrayCollection = > new ArrayCollection(); > > private function onCancel():void { > PopUpManager.removePopUp(this); > } > ]]> > </mx:Script> > </mx:Panel> >
