ParamQuery grid support forum

General Category => Help for ParamQuery Pro => Topic started by: mewbie on February 02, 2018, 02:22:36 pm

Title: Create and Destroy grid instance on Tabs
Post by: mewbie on February 02, 2018, 02:22:36 pm

Hello Paramvir,

sorry if it sounds trivial, but how to create and destroy grid instance based on active tab?

Code: [Select]

 
<div class="tabs">
    <ul class="tab-links">
    <li class="active"><a href="#tab1">Tab 1</a></li>
    <li><a href="#tab2">Tab 2</a></li>
    </ul>

    <div class="tab-content">
    <div id="tab1" class="tab active">
      <div id="tab1_grid"></div>
    </div>
      <div id="tab2" class="tab">
      <div id="tab2_grid"></div>
      </div>
    </div>
  </div>

I don't want to assign new variable other than grid

Code: [Select]

var grid = pq.grid("#tab1_grid", Obj);
While tab2_grid is from different table.

Thank you.

Title: Re: Create and Destroy grid instance on Tabs
Post by: paramvir on February 02, 2018, 07:13:36 pm

To create, destroy, create grid.

Code: [Select]

var grid = pq.grid("#tab1_grid", Obj1);

grid.destroy(); //destroy first grid.

grid = pq.grid("#tab2_grid", Obj2);
[code]