Update model without refresh the entire collection

Hello everybody. I spent too much days but without success. I have tableview with data binding to collection. I want that when i click on some row - that another view will opened under this row. I tried a lot of ways but with really bad performance. the first thing that i tried is to add another row under the row that was clicked, but when i refresh some model, the entire collection updated and the row that was opened removed. my second way is to set the row(of the collection) vertical and set the last view with height like this:

<TableView dataCollection = "myDataCollection"> - this is the collection
  <TableViewRow layout = "vertical" onClick = "rowClicked"> - this is the model
    <View /> - some view..
    <View height = "{myHeight}" /> - the view that i want to open by click on the row
  </TableViewRow>
</TableView>

function rowClicked(e) {
        var myModel = myDataCollection.at(e.index);
 
        myModel.set({
            myHeight : 80
        });
}

someone can give me advice how to do it correct?I am really desperate!

I am using sdk 4.1.1 and run the app on iphone 4 and galaxy s5.

Thank's everybody.