[flexcoders] TextInput ItemRenderer arrow keys change list selection
Hi All, I am using a custom item renderer in a TileList that has a TextInput child allowing the EU to view and enter some text for the item. When the user clicks on the TextInput it becomes focused however, when in the focused state the L/R Arrow key events are hanlded by the parent TileList not the TextInput. When the user hits the L/R arrow key the TileList selection changes instead of the TextInput cursor possition moving accordingly. How can I have my TextInput handle the L/R arrorw keyboard events when focused and my TileList do its selection change when not focused? I have tried adding an event listener on the TextInput that simply calls event.stopPropagation() with no success. Any help greatly appreciated. Cheers, Greg
RE: [flexcoders] TextInput ItemRenderer arrow keys change list selection
Try stopImmediatePropagation(), but stopPropagation() should have worked assuming you set it up correctly. From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 9:37 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] TextInput ItemRenderer arrow keys change list selection Hi All, I am using a custom item renderer in a TileList that has a TextInput child allowing the EU to view and enter some text for the item. When the user clicks on the TextInput it becomes focused however, when in the focused state the L/R Arrow key events are hanlded by the parent TileList not the TextInput. When the user hits the L/R arrow key the TileList selection changes instead of the TextInput cursor possition moving accordingly. How can I have my TextInput handle the L/R arrorw keyboard events when focused and my TileList do its selection change when not focused? I have tried adding an event listener on the TextInput that simply calls event.stopPropagation() with no success. Any help greatly appreciated. Cheers, Greg
Re: [flexcoders] TextInput ItemRenderer arrow keys change list selection
Thanks Alex, much appreciated. You where right, I didnt have it set up correctly, I was adding my keyboard listener to the KEY_UP event and needed to be listening for the KEY_DOWN event. With that change my text arrow navigation works great without changing parent list selection! Now that is working I noticed another issue when navigating using the arrow keys. When my TextInput is selected navigation with L/R arrow keys is disabled and moves the cursor in the text field as expected. Up and down navigation is still supported and functional but what I found is that focus (input cursor) does not get cleared when I navigate the TileList using the U/D arrow keys...however, if I use the mouse focus is removed properly. Should the focus not be hanlded automatically, I have never had to manage it before? The list displays another ItemRenderer as selected so selection has changed however only my input field seems to be stuck in the input mode. How can I fix this, is this a job for the FocusManager I have not had to use yet? Thanks, Greg On Mon, Jan 5, 2009 at 1:47 PM, Alex Harui aha...@adobe.com wrote: Try stopImmediatePropagation(), but stopPropagation() should have worked assuming you set it up correctly. From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 9:37 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] TextInput ItemRenderer arrow keys change list selection Hi All, I am using a custom item renderer in a TileList that has a TextInput child allowing the EU to view and enter some text for the item. When the user clicks on the TextInput it becomes focused however, when in the focused state the L/R Arrow key events are hanlded by the parent TileList not the TextInput. When the user hits the L/R arrow key the TileList selection changes instead of the TextInput cursor possition moving accordingly. How can I have my TextInput handle the L/R arrorw keyboard events when focused and my TileList do its selection change when not focused? I have tried adding an event listener on the TextInput that simply calls event.stopPropagation() with no success. Any help greatly appreciated. Cheers, Greg
RE: [flexcoders] TextInput ItemRenderer arrow keys change list selection
TileList doesn't support focusable renderers like List or DataGrid so you might have more work to do. There's a lot of code in List or DataGrid to deal with it. From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 11:50 AM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] TextInput ItemRenderer arrow keys change list selection Thanks Alex, much appreciated. You where right, I didnt have it set up correctly, I was adding my keyboard listener to the KEY_UP event and needed to be listening for the KEY_DOWN event. With that change my text arrow navigation works great without changing parent list selection! Now that is working I noticed another issue when navigating using the arrow keys. When my TextInput is selected navigation with L/R arrow keys is disabled and moves the cursor in the text field as expected. Up and down navigation is still supported and functional but what I found is that focus (input cursor) does not get cleared when I navigate the TileList using the U/D arrow keys...however, if I use the mouse focus is removed properly. Should the focus not be hanlded automatically, I have never had to manage it before? The list displays another ItemRenderer as selected so selection has changed however only my input field seems to be stuck in the input mode. How can I fix this, is this a job for the FocusManager I have not had to use yet? Thanks, Greg On Mon, Jan 5, 2009 at 1:47 PM, Alex Harui aha...@adobe.commailto:aharui%40adobe.com wrote: Try stopImmediatePropagation(), but stopPropagation() should have worked assuming you set it up correctly. From: flexcoders@yahoogroups.commailto:flexcoders%40yahoogroups.com [mailto:flexcoders@yahoogroups.commailto:flexcoders%40yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 9:37 AM To: flexcoders@yahoogroups.commailto:flexcoders%40yahoogroups.com Subject: [flexcoders] TextInput ItemRenderer arrow keys change list selection Hi All, I am using a custom item renderer in a TileList that has a TextInput child allowing the EU to view and enter some text for the item. When the user clicks on the TextInput it becomes focused however, when in the focused state the L/R Arrow key events are hanlded by the parent TileList not the TextInput. When the user hits the L/R arrow key the TileList selection changes instead of the TextInput cursor possition moving accordingly. How can I have my TextInput handle the L/R arrorw keyboard events when focused and my TileList do its selection change when not focused? I have tried adding an event listener on the TextInput that simply calls event.stopPropagation() with no success. Any help greatly appreciated. Cheers, Greg
Re: [flexcoders] TextInput ItemRenderer arrow keys change list selection
Thanks for the info Alex. I decided to disable U/D list navigation too while my TextInput is in focus, resolving the issue. Much appreciated, Greg On Mon, Jan 5, 2009 at 5:17 PM, Alex Harui aha...@adobe.com wrote: TileList doesn't support focusable renderers like List or DataGrid so you might have more work to do. There's a lot of code in List or DataGrid to deal with it. From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 11:50 AM To: flexcoders@yahoogroups.com Subject: Re: [flexcoders] TextInput ItemRenderer arrow keys change list selection Thanks Alex, much appreciated. You where right, I didnt have it set up correctly, I was adding my keyboard listener to the KEY_UP event and needed to be listening for the KEY_DOWN event. With that change my text arrow navigation works great without changing parent list selection! Now that is working I noticed another issue when navigating using the arrow keys. When my TextInput is selected navigation with L/R arrow keys is disabled and moves the cursor in the text field as expected. Up and down navigation is still supported and functional but what I found is that focus (input cursor) does not get cleared when I navigate the TileList using the U/D arrow keys...however, if I use the mouse focus is removed properly. Should the focus not be hanlded automatically, I have never had to manage it before? The list displays another ItemRenderer as selected so selection has changed however only my input field seems to be stuck in the input mode. How can I fix this, is this a job for the FocusManager I have not had to use yet? Thanks, Greg On Mon, Jan 5, 2009 at 1:47 PM, Alex Harui aha...@adobe.com wrote: Try stopImmediatePropagation(), but stopPropagation() should have worked assuming you set it up correctly. From: flexcoders@yahoogroups.com [mailto:flexcod...@yahoogroups.com] On Behalf Of Greg Hess Sent: Monday, January 05, 2009 9:37 AM To: flexcoders@yahoogroups.com Subject: [flexcoders] TextInput ItemRenderer arrow keys change list selection Hi All, I am using a custom item renderer in a TileList that has a TextInput child allowing the EU to view and enter some text for the item. When the user clicks on the TextInput it becomes focused however, when in the focused state the L/R Arrow key events are hanlded by the parent TileList not the TextInput. When the user hits the L/R arrow key the TileList selection changes instead of the TextInput cursor possition moving accordingly. How can I have my TextInput handle the L/R arrorw keyboard events when focused and my TileList do its selection change when not focused? I have tried adding an event listener on the TextInput that simply calls event.stopPropagation() with no success. Any help greatly appreciated. Cheers, Greg
