jQGridとjqueryタブを使用してグリッドの数を設定する方法

Question

私はjQGrids（各タブには1つのグリッドが含まれています）を使用してデータを表示する3つのタブがあります。

しかし、私はちょうど私のグリッドは完全に同じだと思っていますが、違いはデータを取得するために異なるURLを使用していることです。

だから私は唯一の異なるURLで各タブにある3つの似たgirdsを持っている：

First: url: '/Home/GetData?id=1' Second: url: '/Home/GetData?id=2' and Third: url: '/Home/GetData?id=3' 

ので、私はそれは私がクリックするURLを渡すことができ、一度だけ、それぞれのタブに比べてグリッドを宣言してもよいかもしれ考えていましたデータを読み込む？したがって、各タブでjQGridが新しいURLからデータを入力します。

いくつかのアイデアがありますか？

また、「jQGrid copy-paste」を減らす方法があるかもしれません。

ほとんどそれは私がグリッドのヘッダが迷子にタブを切り替えるいた場合、それが動作しているが、1つの小さな問題がある、 意味仕事を取得...といくつかのjqgridフォーマット：

UPDATE 0よく

がここに私のコードです：

$("#tabs").tabs({ 
      show: function (event, ui) { 

       if (ui.index == 0) { 
        //$("#Grid1").appendTo("#tab1"); 
        //$("#Grid1Pager").appendTo("#tab1"); 

        //When Appending only pager and grid div, header getting lost so i've append the whole grid html instead 
        $("#gbox_Grid1").appendTo("#tab1"); 

        changeGrid("#Grid1", 1); 
       } 

       else if (ui.index == 1) { 
        //$("#Grid1").appendTo("#tab2"); 
        //$("#Grid1Pager").appendTo("#tab2"); 

        $("#gbox_Grid1").appendTo("#tab2"); 

        changeGrid("#Grid1", 2); 
       } 

       else if (ui.index == 2) { 
        //$("#Grid1").appendTo("#tab3"); 
        //$("#Grid1Pager").appendTo("#tab3"); 

        $("#gbox_Grid1").appendTo("#tab3"); 

        changeGrid("#Grid1", 3); 
       } 
      } 
     }); 

function changeGrid(grid, id) { 
     $(grid).jqGrid('setGridParam', { 
      url: '/Home/GetData?id=' + id 
     }); 

     $(grid).trigger('reloadGrid'); 
    } 

UPDATE 1

すべての権利、私の代わりにのみ、グリッドのdivとページャを追加するグリッド全体を追加するコードを変更しました。それで、それはそのように働いています。