Thank you.
--- In [email protected], "Alex Harui" <[EMAIL PROTECTED]> wrote:
>
> Still on my to do list
>
>
>
> ________________________________
>
> From: [email protected] [mailto:[EMAIL PROTECTED] On
> Behalf Of j_lentzz
> Sent: Monday, November 12, 2007 2:03 PM
> To: [email protected]
> Subject: [flexcoders] Re: Bouncing Focus in DataGrid
>
>
>
> --- In [email protected] <mailto:flexcoders%40yahoogroups.com>
> , "j_lentzz" <jelentz@> wrote:
> >
> > Ok, I have a simple example. When you run the app, click on the lower
> > right cell, the upper left cell with get focus first. Thanks for all
> > the help. John
> > *** DGTest.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" xmlns:n1="FAB_widgets/widgets">
> >
> > <mx:Script>
> > <![CDATA[
> > import mx.collections.ArrayCollection;
> > import mx.events.DataGridEvent;
> >
> > [Bindable]
> > protected var _listData:ArrayCollection = new
> > ArrayCollection([{name:'AA', phone:'555-555-1234',email:'BB'},
> > {name:'BB', phone:'555-555-4321',email:'AA'}]);
> >
> > private function fireEditEvent(event:DataGridEvent):void {
> > if (dg.itemEditorInstance is ComboBoxRenderer) {
> > // event.preventDefault();
> >
> > // copy selected value (data) from combobox to renderer
> > var selData:String =
> > ComboBoxRenderer(event.currentTarget.itemEditorInstance).text;
> > var selData2:Object =
> > ComboBoxRenderer(event.currentTarget.itemEditorInstance).selectedItem;
> > if (selData2 != null) {
> > dg.editedItemRenderer.data[event.dataField] = selData2.data;
> > /*EXPENSIVE!!!! *///
> > dg.dataProvider.itemUpdated(event.itemRenderer.data);
> > }
> >
> > dg.destroyItemEditor();
> > }
> > }
> >
> > protected function itemEditBeginHandler(event:DataGridEvent):void {
> > _listData[event.rowIndex].rowChanged = true;
> > dispatchEvent(new Event("change"));
> > dg.invalidateList();
> > trace('itemEditBeginHandler - ListWithoutAdd');
> > }
> >
> > ]]>
> > </mx:Script>
> >
> >
> > <mx:DataGrid headerHeight="21" editable="true" rowHeight = "30"
> > id="dg" dataProvider="{_listData}" visible="true" selectable="false"
> > itemEditEnd="fireEditEvent(event)"
> > itemEditBegin="itemEditBeginHandler(event)">
> > <mx:columns>
> > <mx:DataGridColumn dataField="name" headerText="Name"
> > itemEditor="ComboBoxRenderer" itemRenderer="LabelWithDownArrow"/>
> > <mx:DataGridColumn dataField="phone" headerText="Phone"/>
> > <mx:DataGridColumn dataField="email" headerText="Email"
> > itemEditor="ComboBoxRenderer" itemRenderer="LabelWithDownArrow"/>
> > </mx:columns>
> > </mx:DataGrid>
> >
> > </mx:Application>
> >
> > *** LabelWithDownArrow.as ***
> >
> > package
> > {
> >
> > import mx.controls.Label;
> > import mx.events.FlexEvent;
> > import mx.controls.dataGridClasses.DataGridListData;
> > import mx.controls.dataGridClasses.DataGridColumn;
> > import mx.controls.DataGrid;
> > import mx.collections.ArrayCollection;
> > import flash.display.Graphics;
> >
> > public class LabelWithDownArrow extends Label
> > {
> >
> > public function LabelWithDownArrow()
> > {
> > super();
> > addEventListener(mx.events.FlexEvent.SHOW, showEventHandler);
> > }
> >
> >
> > private function showEventHandler(e:FlexEvent):void {
> > trace('LabelWithDownArrow showEventHandler');
> > listData.label = data[DataGridListData(listData).dataField];
> >
> > var cbr:ComboBoxRenderer; // will contain renderer for this cell
> > var dgc:DataGridColumn; // will contain column info for the one
> > this cell is in
> > var columnArray:Array; // columns of datagrid
> > var dg:DataGrid; // reference to grid containing this cell
> > var dp:ArrayCollection; // dataProvider of selected cell's comboBox
> > var dgld:DataGridListData = listData as DataGridListData;
> >
> > if (dgld != null) {
> > dg = DataGrid(listData.owner);
> > columnArray = dg.columns;
> >
> > // iterate through columns to find one that matches to this cell
> > var columnArrayLen:int = columnArray.length;
> >
> > for (var i:int=0; i< columnArrayLen; i++) {
> > if (DataGridColumn(columnArray[i]).dataField == dgld.dataField) {
> > // column found
> > if (dg.columns[i].itemEditor.newInstance() is ComboBoxRenderer) {
> > cbr = dg.columns[i].itemEditor.newInstance();
> > dp = cbr.dataProvider as ArrayCollection;
> > // now iterate through dp to find a matching data value, when
> > found put its label in the Label widget
> > var dpLen:int = dp.length;
> > for (var j:int=0; j<dpLen; j++) {
> > if (dp.getItemAt(j).data == data[dgld.dataField]) { // found
> match
> > this.text = dp.getItemAt(j).label; // + " " +
> > dp.getItemAt(j).data;
> > trace('found showEvent LabelWithDownArrow');
> > return;
> > }
> > }
> > }
> > }
> > }
> > // not found, so show comboBox prompt
> > this.text = cbr.prompt;
> > trace('not found showEvent LabelWithDownArrow');
> > }
> >
> > trace('showEvent');
> > }
> >
> > override protected function updateDisplayList(w:Number,
> h:Number):void {
> > super.updateDisplayList(w-15, h); // subtract from width to allow
> > for down arrow
> >
> > var g:Graphics = graphics;
> >
> > g.clear();
> >
> > // add arrow to box
> > // Draw the triangle.
> > g.beginFill(0x000000); // black
> > g.moveTo(w - 11.5, h / 2 + 3);
> > g.lineTo(w - 15, h / 2 - 2);
> > g.lineTo(w - 8, h / 2 - 2);
> > g.lineTo(w - 11.5, h / 2 + 3);
> > g.endFill();
> > }
> >
> > // method used to change what is displayed
> > [Bindable]
> > override public function set data(value:Object):void {
> > super.data = value;
> >
> > var cbr:ComboBoxRenderer; // will contain renderer for this cell
> > var dgc:DataGridColumn; // will contain column info for the one
> > this cell is in
> > var columnArray:Array; // columns of datagrid
> > var dg:DataGrid; // reference to grid containing this cell
> > var dp:ArrayCollection; // dataProvider of selected cell's comboBox
> > var dgld:DataGridListData = listData as DataGridListData;
> >
> > if (dgld != null) {
> > dg = DataGrid(listData.owner);
> > columnArray = dg.columns;
> >
> > // iterate through columns to find one that matches to this cell
> > var columnArrayLen:int = columnArray.length;
> >
> > for (var i:int=0; i< columnArrayLen; i++) {
> > if (DataGridColumn(columnArray[i]).dataField == dgld.dataField) {
> > // column found
> > if (dg.columns[i].itemEditor.newInstance() is ComboBoxRenderer) {
> > cbr = dg.columns[i].itemEditor.newInstance();
> > dp = cbr.dataProvider as ArrayCollection;
> > // now iterate through dp to find a matching data value, when
> > found put its label in the Label widget
> > var dpLen:int = dp.length;
> > for (var j:int=0; j<dpLen; j++) {
> > if (dp.getItemAt(j).data == data[dgld.dataField]) { // found
> match
> > this.text = dp.getItemAt(j).label; // + " " +
> > dp.getItemAt(j).data;
> > trace('found LabelWithDownArrow');
> > return;
> > }
> > }
> > }
> > }
> > }
> > // not found, so show comboBox prompt
> > this.text = cbr.prompt;
> > trace('not found LabelWithDownArrow');
> > }
> > }
> > }
> > }
> >
> > *** ComboBoxRenderer.as ***
> >
> > package
> > {
> >
> > import mx.controls.ComboBox;
> > import flash.events.FocusEvent;
> > import mx.collections.ArrayCollection;
> > import mx.controls.dataGridClasses.DataGridListData;
> >
> > public class ComboBoxRenderer extends ComboBox
> > {
> > public function ComboBoxRenderer()
> > {
> > super();
> >
> > this.toolTip = this.text;
> > this.dataProvider = DropDown_Names;
> > addEventListener(flash.events.FocusEvent.FOCUS_IN,
> focusEventHandler);
> > }
> >
> > private var DropDown_Names:ArrayCollection = new
> > ArrayCollection([{data:'AA', label: 'Adam Adams'},{data:'BB', label:
> > 'Bob Bobs'}]);
> >
> > override public function get data():Object {
> > trace('get data cbr renderere');
> > return super.data;
> > }
> >
> > // this affects what is displayed by widget
> > [Bindable]
> > override public function set data(value:Object):void {
> > trace('********** set cbr data ***********');
> > var rowData:DataGridListData = this.listData as DataGridListData;
> > if (value != null) {
> > var stringToFind:String = null;
> > var selected:int = -1;
> >
> > if (listData.label != null)
> > stringToFind = listData.label.toUpperCase();
> >
> > for (var i:int=0; i< dataProvider.length;i++) {
> > var item:String = String(dataProvider[i].data).toUpperCase();
> > if (item == stringToFind) {
> > selectedIndex = i;
> > trace('found it cbr');
> > return;
> > }
> > }
> > selectedIndex = selected;
> > }
> > trace('not found cb renderer');
> > }
> >
> > private function focusEventHandler(e:FocusEvent):void {
> > open();
> > }
> > }
> > }
> >
> > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com> , "Alex Harui" <aharui@> wrote:
> > >
> > > When the focus moves to the selected cell, the ComboBox shows up?
> > >
> > >
> > >
> > > If the renderer is not an extended Label do you still see the
> problem?
> > >
> > >
> > >
> > > Is there no way to make a simple DG using your extended renderer and
> > > editor and post it?
> > >
> > >
> > >
> > > ________________________________
> > >
> > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> [mailto:[email protected] <mailto:flexcoders%40yahoogroups.com>
> ] On
> > > Behalf Of j_lentzz
> > > Sent: Wednesday, November 07, 2007 5:03 PM
> > > To: [email protected] <mailto:flexcoders%40yahoogroups.com>
>
> > > Subject: [flexcoders] Re: Bouncing Focus in DataGrid
> > >
> > >
> > >
> > > Sorry about that. The editor is an extended ComboBox. The renderer
> > > is an extended Label. Clicking on a cell in the datagrid makes the
> > > first cell on the first row briefly get the focus, then the focus
> > > moves to the selected cell. It only does this the very first time
> > > you click in the grid - either after initially loading it with data,
>
> > > or after adding a row to it. After the first click, it does not
> > > briefly go to the first cell on the first row.
> > >
> > > I hope this is clearer. I appreciate the help.
> > >
> > > John
> > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > , "Alex Harui" <aharui@> wrote:
> > > >
> > > > OK, I'm lost. Please re-state your findings so far. Note also
> > > that if
> > > > your ComboBox editor is wrapped by a Container it isn't a true
> > > > IFocusManagerComponent
> > > >
> > > >
> > > >
> > > > ________________________________
> > > >
> > > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > >
> > > [mailto:[email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > ] On
> > > > Behalf Of j_lentzz
> > > > Sent: Wednesday, November 07, 2007 9:14 AM
> > > > To: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > > Subject: [flexcoders] Re: Bouncing Focus in DataGrid
> > > >
> > > >
> > > >
> > > > Sorry, I mistyped my last response. The Label is the renderer -
> not
> > > > editor. I have the Label (or the extended version
> > > LabelWithDownArrow)
> > > > as the renderer. The editor is my extended ComboBox. So, I'm not
> > > > editing with a Label, but I am clicking on it to switch to the
> > > ComboBox.
> > > >
> > > > John
> > > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com> <mailto:flexcoders%
> > > 40yahoogroups.com>
> > > > , "Alex Harui" <aharui@> wrote:
> > > > >
> > > > > If the editor is not an IFocusManagerComponent, it is not
> > > a 'legal'
> > > > > editor.
> > > > >
> > > > >
> > > > >
> > > > > ________________________________
> > > > >
> > > > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com> <mailto:flexcoders%
> > > 40yahoogroups.com>
> > > > [mailto:[email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com> <mailto:flexcoders%
> > > 40yahoogroups.com>
> > > > ] On
> > > > > Behalf Of j_lentzz
> > > > > Sent: Wednesday, November 07, 2007 4:39 AM
> > > > > To: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%
> > > 40yahoogroups.com>
> > > > > Subject: [flexcoders] Re: Bouncing Focus in DataGrid
> > > > >
> > > > >
> > > > >
> > > > > Unfortunately not, it is a dynamically created datagrid.
> However,
> > > I
> > > > > did discover some interesting things. If I use my custom
> renderer
> > > and
> > > > > set rendererIsEditor=true, it doesn't do the bouncing focus
> > > thing. If
> > > > > I go back to my original code and set the renderer as a
> > > TextInput, it
> > > > > doesn't do the bouncing thing. When I set the editor to either a
> > > > > Label or my LabelWithDownArrow (an extended Label with the
> > > combobox
> > > > > down arrow), I get the bouncing focus. Could it somehow be
> > > because a
> > > > > Label isn't editable? If so, any ideas how to get around it?
> > > > >
> > > > > Thanks a lot.
> > > > >
> > > > > John
> > > > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > , "Alex Harui" <aharui@> wrote:
> > > > > >
> > > > > > Can you post a small test case?
> > > > > >
> > > > > >
> > > > > >
> > > > > > ________________________________
> > > > > >
> > > > > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > [mailto:[email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > ] On
> > > > > > Behalf Of j_lentzz
> > > > > > Sent: Tuesday, November 06, 2007 3:41 PM
> > > > > > To: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com> <mailto:flexcoders%
> > > 40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > > Subject: [flexcoders] Re: Bouncing Focus in DataGrid
> > > > > >
> > > > > >
> > > > > >
> > > > > > It happens also when I first populate the datagrid or add a
> > > row. In
> > > > > > either case, nothing is selected in the datagrid. When I
> select
> > > > > > something, the top most left cell briefly gets the focus and
> > > > switches
> > > > > > the component to an editor then back to a renderer and then
> the
> > > > > > selected item becomes an editor.
> > > > > >
> > > > > > John
> > > > > > --- In [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > > , George <yahoo@> wrote:
> > > > > > >
> > > > > > > When you add a new row, dataProvider changed so DG will be
> > > > refreshed
> > > > >
> > > > > > > totally, your item editing process will be eliminated at
> that
> > > > time.
> > > > > > > You need a callLater() to reselect .selectedIndex to the new
>
> > > row,
> > > > it
> > > > >
> > > > > > > will be highlighted. Then try to move focus back to the
> > > renderer.
> > > > > > >
> > > > > > > George
> > > > > > >
> > > > > > > Alex Harui wrote:
> > > > > > > > Are the renderers also editors? rendererIsEditor="true".
> If
> > > so,
> > > > > > is the
> > > > > > > > renderer an IFocusManagerComponent?
> > > > > > > > ________________________________
> > > > > > > >
> > > > > > > > From: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > > [mailto:[email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > > ] On
> > > > > > > > Behalf Of j_lentzz
> > > > > > > > Sent: Tuesday, November 06, 2007 6:06 AM
> > > > > > > > To: [email protected]
> <mailto:flexcoders%40yahoogroups.com>
> > > <mailto:flexcoders%40yahoogroups.com>
> > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > <mailto:flexcoders%40yahoogroups.com>
> > > > > >
> > > > > > > > Subject: [flexcoders] Bouncing Focus in DataGrid
> > > > > > > >
> > > > > > > > Hello All,
> > > > > > > >
> > > > > > > > I have an app that allows the user to add rows to a
> > > datagrid.
> > > > The
> > > > > > > > rows contain components that have separate item editors
> and
> > > > > > renderers.
> > > > > > > > What is happening is that after a new row is added to the
> > > > datagrid
> > > > > > > > and the user clicks on a cell that is not the first cell
> in
> > > the
> > > > > > first
> > > > > > > > row, the focus briefly goes to the first cell in the first
>
> > > row
> > > > and
> > > > > > > > then to the actual cell selected. It doesn't stay there
> > > long,
> > > > but
> > > > > > > > long enough to see the cell switch to the item editor and
> > > then
> > > > > back
> > > > > > to
> > > > > > > > the renderer. Has anyone else seen this or have a way to
> > > prevent
> > > > > it?
> > > > > > > >
> > > > > > > > Thanks,
> > > > > > > >
> > > > > > > > John
> > > > > > > >
> > > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
>
