You are viewing a plain text version of this content. The canonical link for it is here.
Posted to issues@flex.apache.org by "Mihai Chira (JIRA)" <ji...@apache.org> on 2013/11/26 12:07:35 UTC
[jira] [Commented] (FLEX-25008) Tabbing will not work properly in
the Datagridcomponent with the text input field as item renderer.
[ https://issues.apache.org/jira/browse/FLEX-25008?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13832491#comment-13832491 ]
Mihai Chira commented on FLEX-25008:
------------------------------------
Updated application code (for AIR and SDK 4.11):
<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
backgroundColor="white">
<fx:Declarations>
<mx:ArrayCollection id="arrColl">
<mx:source>
<fx:Array>
<fx:Object label="Student A" score="85" sid="1" />
<fx:Object label="Student B" score="48" sid="2" />
<fx:Object label="Student C" score="71" sid="3" />
<fx:Object label="Student D" score="88" sid="4" />
<fx:Object label="Student E" score="24" sid="5" />
<fx:Object label="Student F" score="64" sid="6" />
<fx:Object label="Student G" score="76" sid="7" />
<fx:Object label="Student H" score="76" sid="8" />
<fx:Object label="Student I" score="93" sid="9" />
<fx:Object label="Student J" score="88" sid="10" />
<fx:Object label="Student K" score="48" sid="11" />
<fx:Object label="Student L" score="76" sid="12" />
</fx:Array>
</mx:source>
</mx:ArrayCollection>
</fx:Declarations>
<mx:Button label="No action"/>
<mx:Button label="No action"/>
<mx:DataGrid id="dataGrid"
dataProvider="{arrColl}"
editable="true"
rowCount="8">
<mx:columns>
<mx:DataGridColumn dataField="sid"
editable="false" />
<mx:DataGridColumn editable="false" >
<mx:itemRenderer>
<fx:Component>
<mx:TextInput text="{data.label}"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
<mx:DataGridColumn editable="false">
<mx:itemRenderer>
<fx:Component>
<mx:TextInput text="{data.score}"/>
</fx:Component>
</mx:itemRenderer>
</mx:DataGridColumn>
</mx:columns>
</mx:DataGrid>
</s:WindowedApplication>
> Tabbing will not work properly in the Datagridcomponent with the text input field as item renderer.
> ---------------------------------------------------------------------------------------------------
>
> Key: FLEX-25008
> URL: https://issues.apache.org/jira/browse/FLEX-25008
> Project: Apache Flex
> Issue Type: Bug
> Components: mx: DataGrid
> Affects Versions: Adobe Flex SDK Previous
> Environment: Affected OS(s): All OS Platforms
> Affected OS(s): All OS Platforms
> Language Found: English
> Reporter: Adobe JIRA
>
> <?xml version="1.0" encoding="utf-8"?>
> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
> layout="vertical"
> verticalAlign="middle"
> backgroundColor="white">
> <mx:ArrayCollection id="arrColl">
> <mx:source>
> <mx:Array>
> <mx:Object label="Student A" score="85" sid="1" />
> <mx:Object label="Student B" score="48" sid="2" />
> <mx:Object label="Student C" score="71" sid="3" />
> <mx:Object label="Student D" score="88" sid="4" />
> <mx:Object label="Student E" score="24" sid="5" />
> <mx:Object label="Student F" score="64" sid="6" />
> <mx:Object label="Student G" score="76" sid="7" />
> <mx:Object label="Student H" score="76" sid="8" />
> <mx:Object label="Student I" score="93" sid="9" />
> <mx:Object label="Student J" score="88" sid="10" />
> <mx:Object label="Student K" score="48" sid="11" />
> <mx:Object label="Student L" score="76" sid="12" />
> </mx:Array>
> </mx:source>
> </mx:ArrayCollection>
> <mx:Button label="No action"/>
> <mx:Button label="No action"/>
> <mx:DataGrid id="dataGrid"
> dataProvider="{arrColl}"
> editable="true"
> rowCount="8">
> <mx:columns>
> <mx:DataGridColumn dataField="sid"
> editable="false" />
> <mx:DataGridColumn editable="false" >
> <mx:itemRenderer>
> <mx:Component>
> <mx:TextInput text="{data.label}"/>
> </mx:Component>
> </mx:itemRenderer>
> </mx:DataGridColumn>
> <mx:DataGridColumn editable="false">
> <mx:itemRenderer>
> <mx:Component>
> <mx:TextInput text="{data.score}"/>
> </mx:Component>
> </mx:itemRenderer>
> </mx:DataGridColumn>
> </mx:columns>
> </mx:DataGrid>
> </mx:Application>
> Steps to reproduce:
> 1.Run the script.
> 2.Keep the mouse cursor in the first row textfield. Press 'tab' key to move to the next text field.
>
> Actual Results:
>
> The focus will not to move to the next texfield columnwise & rowwise properly.
>
> Workaround (if any):
> 1. creating method inside the itemrenderer with focus out handler that find the current row and column.
> and move on the cursor as per the condition.
--
This message was sent by Atlassian JIRA
(v6.1#6144)