table_view_layout_3.js example with for loop not working ...

Hi Experts,

I have reproduced same example as in table_view_layout_3.js. Differences are, instead of 2 rows I have 7 rows and i created rows with for loop.

So I placed row1 code from the table_view_layout_3.js example inside the for loop, something like this.

for(c=0; c<7; c++) { // code for Row1 from table_view_layout_3.js }

but it doesn’t work as expected ... no matter what (+) button i click from whatever row, it always animate the one in last row.

I tried different things and found something why it is not working but still it is not crystal clear. I am not able to make it working.

Can some show me the solution for this? I want to achieve same functionality as in table_view_layout_3.js, but instead of writing a separate code for each row, i want to place in for loop, because my original list is more than 300+ item and coming from the file in system.

Thanks.