bootgridデータのカスタムローディング

Question

今、私は、すべてのdata.Butを表示するために、その大学のためのサブジェクトベースのブートグリッドテーブルを生成しようとしていますが、私はブランチとセメスターに基づいてサブジェクトが選択されている高度な検索です。私は枝や学期のオプションを取得し、私は内側にそれが動作を停止sylfetch.php学期とブランチの値を読み取るしようとするたびsyfetch.php関数内で私は、高度なserach.Here今すぐ機能

$('#semester').change(function(){ 

      var branch=$("#branch").val(); 
      var semester=$("#semester").val(); 

      var formData = new FormData(); 
      formData.append('branch', branch); 
      formData.append('semester', semester); 

      var productTable = $('#product_data').bootgrid({ 

      url: "sylfetch.php", 
      ajax: true, 
      data:formData, 
      type:"POST", 
      post: function(data) 
      { 
       return{ 
       id: "b0df282a-0d67-40e5-8558-c9e93b7befed" 
        }; 
      }, 

      formatters: { 
       "link": function(column, row) { 
       return "<a href='" + row.slink + "'>Download</a>"; 
       } 



      } 
     }); 
     $('#product_data').bootgrid('reload'); 
    }); 

を送信して実行します

$branch = $_POST["branch"]; 
$semester= $_POST["semester"]; 

これらの変数をajaxで送信するとエラーが発生しますので、私を助けてください。

Answer 1

ブートグリッドの設定の1つのパラメータは、機能であるpostです。この機能により、ポストデータにカスタム値を追加することができます。そして、そのようにそれを使用します。

var productTable = $('#product_data').bootgrid({ 

    url: "sylfetch.php", 
    ajax: true, 
    data: formData, 
    type: "POST", 
    post: function (data) { 
     return { 
      branch: $("#branch").val(), 
      semester: $("#semester").val(), 
     }; 
    }, 
    formatters: { 
     "link": function (column, row) { 
      return "<a href='" + row.slink + "'>Download</a>"; 
     } 
    } 
}); 

$('#semester').change(function() { 
    productTable.bootgrid('reload'); 
}); 

まず最初にあなたがグリッドに変わる唯一の事はそのデータであるため、あなたは学期を変更するグリッド全体毎回を再構築する必要はありませんされ、ノートを取ります。したがって、グリッドへの参照を保持して（すでに行っていたように）、それをリロードするだけです。

ブートグリッドがリロードされるたびに（たとえば、別のページに変更された、または別の列で注文された、または更新ボタンをクリックした）、投稿機能が再び呼び出されます。したがって、DOMから支部と学期を読み込むことができます。

それはあなたはおそらく、いくつかのデモからもらっただけidプロパティを持つ新しいオブジェクトを作成したためformDataあなたは、データを集めて、そしてあなたがすべてで使用されていませんオーバーライドしてあなたの前のコード：

return{ 
    id: "b0df282a-0d67-40e5-8558-c9e93b7befed" 
}; 

を