Creating Editable Grid Data

Question

I have to create a grid like form which has editable fields including text box, selects and text areas, and plain text all in each row.
e.g. of data
ROW 1
COL1     COL2          COL3          COL4          COL5
text     select box     textbox          textbox          text
ROW 2
COL1
textarea
ROW 3
COL1     COL2          COL3          COL4          COL5
text     select box     textbox          textbox          text
ROW 4
COL1
textarea
I tried to use the netui-data:repeater tag(given below) on a two dimentional array but that works only when you have just text in each column.
It does not work when you have editable fields in any row or column.
<netui-data:repeater dataSource="{pageFlow.multiArray}">
<tr>
<netui-data:repeater dataSource="{container.item}">
     <td><netui:label value="{container.item}" /></td>
</netui-data:repeater>
</tr>
</netui-data:repeater>
Example data to be displayed is given below
recordSetArray[0][0] =      text     - ROW 1
recordSetArray[0][1] =      text     - ROW 1
recordSetArray[0][2] =     text     - ROW 1
recordSetArray[0][3] =     text     - ROW 1
recordSetArray[0][4] =     selectbox - ROW 1
recordSetArray[0][5] =     textbox     - ROW 1
recordSetArray[0][6] =     textbox     - ROW 1
recordSetArray[0][7] = textbox     - ROW 1
recordSetArray[0][8] =     selectbox - ROW 1
recordSetArray[0][9] = selectbox - ROW 1
recordSetArray[0][10] = textarea - ROW 2
recordSetArray[1][0] = text     - ROW 3     
recordSetArray[1][1] = text     - ROW 3
recordSetArray[1][2] = text     - ROW 3     
recordSetArray[1][3] = text - ROW 3
recordSetArray[1][4] = selectbox- ROW 3
recordSetArray[1][5] = textbox     - ROW 3
recordSetArray[1][6] = textbox     - ROW 3
recordSetArray[1][7] = textbox     - ROW 3
recordSetArray[1][8] = selectbox- ROW 3
recordSetArray[1][9] = selectbox- ROW 3
recordSetArray[1][10] =textarea - ROW 4
recordSetArray[2][0] = text     - ROW 5     
recordSetArray[2][1] = text - ROW 5
recordSetArray[2][2] = text - ROW 5
recordSetArray[2][3] = text - ROW 5
recordSetArray[2][4] = selectbox- ROW 5
recordSetArray[2][5] = textbox     - ROW 5
recordSetArray[2][6] = textbox - ROW 5
recordSetArray[2][7] = textbox - ROW 5
recordSetArray[2][8] =     selectbox- ROW 5
recordSetArray[2][9] = selectbox- ROW 5
recordSetArray[2][10] =textarea - ROW 6
How can this be accomplished?
Thanks
Mich.

Answer 1

Chief,
Yup that data grid is most buggy. I think most people expect
it to work as well an Excel spreadsheet, and it's not quite there
in Flex 2. I'm not sure if it is any better in 3.
I think I am giving up trying to make mine work until they
fix it.
I have some of the same issues as you with focus and tab
order.
Mathias