Problem
Flex 4
TextArea does not take multi-line entry when used as editor in
DataGrid.
Solution
Add
editorUsesEnterKey="true" attribute to the column with
TextArea editor.
P.S.
The solution is straightforward. But the route to finding this solution kind of proves open source or at least show your customer the source code is very important.
I first suspect the
enter key is intercepted by
DataGrid, but it appears that
keydown event is intercepted by
DataGrid before the
TextArea. Some Googling with various keyword combination did not turn up anything interesting.
Not sure where to start, I added a
itemEditEnd event handler to the
DataGrid, and set a breakpoint there. After walking through the stack, I saw the following code segment, and thus the solution above pops out. Now I can simply go to documentation of
editorUsedEnterKey and make sure this is what I want.
(Code of interest from DataGrid.as)
/**
* @private
*/
private function editorKeyDownHandler(event:KeyboardEvent):void
{
// ESC just kills the editor, no new data
if (event.keyCode == Keyboard.ESCAPE)
{
endEdit(DataGridEventReason.CANCELLED);
}
else if (event.ctrlKey && event.charCode == 46)
{ // Check for Ctrl-.
endEdit(DataGridEventReason.CANCELLED);
}
else if (event.charCode == Keyboard.ENTER && event.keyCode != 229)
{
// multiline editors can take the enter key.
if (!_editedItemPosition)
return;
if (columns[_editedItemPosition.columnIndex].editorUsesEnterKey)
return;
// Enter edits the item, moves down a row
// The 229 keyCode is for IME compatability. When entering an IME expression,
// the enter key is down, but the keyCode is 229 instead of the enter key code.
// Thanks to Yukari for this little trick...
if (endEdit(DataGridEventReason.NEW_ROW) && !dontEdit)
{
findNextEnterItemRenderer(event);
if (focusManager)
focusManager.defaultButtonEnabled = false;
}
}
}
