How can I have multiple grids into jQuery tabs?

[rrnogal]

Helo!!

I have a page with jQuery Tabs. I need to display a page that contains a pq-grid for each tab.

My page with tabs code:

Code: [Select]

<div id="concepts_management_tabs" style="min-height:400px; width:800px">
        <ul>
            <li><a href="#concepts_tab">Conceptos</a></li>
            <li><a href="measure_units.php">Unidades de Medida</a></li>
            <li><a href="brands.php">Marcas</a></li>
        </ul>
           
        <div id="concepts_tab"></div>
           
</div>

The files measure_units.php and brands.php are loading the pq-grid script and pq-grid css styles and booth looks similar:

Code: [Select]

<link rel="stylesheet" media="screen" href="../css/jquery-ui.css" />
<link rel="stylesheet" media="screen" href="../css/paramquery/pqgrid.min.css" />
<link rel="stylesheet" type="text/css" href="css/students_styles.css">
   
<script src="../js/pqgrid.min.js"></script>
<script src="../js/localize/pq-localize-es.js"></script>
       
<script src="js/brands.js"></script>

<div id="grid_array"></div>


When I click in a tab, this show me correctly all data, but when I click on second tab, this load the page but the pq-grid script don't seems execute.

I read that I need to refresh the pq-grid on activate tabs method but when I tryed to use ui.newPanel.find('pq-grid'), tis object is void.

Someone can help me please?

Note: Sorry by my bad english