Regarding Repositioning-Or Repating of Viewes in Grid

[ashish.mishra16]

I m using a grid, to display some data coming dynamically from dataset. In side grid i have one gridcolumn, with one view. Now i want to animate the view's height whose id="1" at onclick event. Also the views immediately follwing this view should be repositioned to end to this view.


<grid datapath="readset:/result" contentdatapath="row" y="75" fontsize="10" bgcolor0="0xe9e9e9" sizetoheader='true' width="100%" height="${parent.height-75}" >

<gridcolumn width="${parent.width}" resizable="false" visible="false" >Result
<view id="1"width="100%" height="200" bgcolor="${gray40}" visible="true" >
<view width="100%" height="${parent.height}" fgcolor="white">
<text fontsize="12" fontstyle="bold" x="20" datapath="@uname" />
<text x="${(parent.width)-180}" datapath="@date"/>
<text datapath="@time" align="right" />
</view>
<text y="20" datapath="@replymsg" align="center" width="80%" height="${parent.height-40}" bgcolor="${gray90}" />
<view width="100%" height="5" valign="bottom" bgcolor="${gray80}"/>
<method event="onclick">
animate('height', height==60?200:60, 500, false);
</method>
</view>
</gridcolumn>
</grid>

Plz tell me how to do this? Any other way to do this. U can check the output here,

942

944