Start Building Professional
Web Apps Today

tabbar+2 grids+paging

Hello,
i have a tabbar with 2 gridbox i need to apply paging to each grid in the tabbar
how can i do it??

in js file
mygrid.enablePaging(true,30,11,"pagingArea",true,"infoArea");
mygrid2.enablePaging(true,30,11,"pagingArea2",true,"infoArea");
tabbar.setContent("a1",document.getElementById('gridbox'))
tabbar.setContent("a2",document.getElementById('gridbox2'))

in java file
<table >
<tr>
<td><div id='gridbox' width='350px' height='200px' style='background-color:white;overflow:hidden'></div>"
<div id='gridbox2' width='350px' height='200px' style='background-color:white;overflow:hidden'></div>
<div id='a_tabbar' imgpath='/common/components/dhtmlxTabbar/imgs' style='width:400px; height:350px;'></div></td>
     </tr>
     </table>


where i should put td id='pagingArea'> & td id='pagingArea2'>

Something similar to next

tabbar.setContent("a1",document.getElementById('tab_gridbox')) 
tabbar.setContent("a2",document.getElementById('tab_gridbox2')) 

<div id='tab_gridbox'>
<div id='gridbox' width='350px' height='200px' style='background-color:white;overflow:hidden'></div>
<div id='pagingArea'></div><div id='infoArea'></div>
</div>
<div id='tab_gridbox2'>
<div id='gridbox2' width='350px' height='200px' style='background-color:white;overflow:hidden'></div> 
<div id='pagingArea2'></div><div id='infoArea2'></div>
</div>