ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery Datatable について 複数のクエリ条件のカスタム送信イベントの共有例

jQuery Datatable について 複数のクエリ条件のカスタム送信イベントの共有例

小云云
リリース: 2017-12-30 14:07:12
オリジナル
3146 人が閲覧しました

この記事では、jQuery Datatable の複数のクエリ条件のカスタム送信イベントの関連情報を主に紹介します。必要な方は参考にしていただければ幸いです。

まず、開始時刻と終了時刻をそれぞれ表す 2 つの入力を書き込み、ボタンをクリックしてテーブルを更新します。コードは次のとおりです。以下に示すように、データテーブル設定項目に次の設定を追加します。すでに持っているので、次のデータ オプションを追加するだけです

ajax: {
  url: '/admin/index',
  type: 'POST',
  "data": function ( d ) {
    //添加额外的参数传给服务器
    d.beginDate = $("#datetimepicker1").val();
    d.endDate = $("#datetimepicker2").val();
  }
},
$("#searchsubmit").bind("click", function () { //按钮 点击事件触发table重新请求服务器
  $("#tags-table").dataTable().fnDraw(false);
});
ログイン後にコピー

開始時刻はサーバーから直接取得できます

関連する推奨事項:$_POST['beginDate']

jQuery Datatables ヘッダーの不整合の解決策

jquery DataTable --前後の動的ページング

jqueryプラグインデータテーブル 属性の導入とページングとソートの例の作成について詳しく説明します

以上がjQuery Datatable について 複数のクエリ条件のカスタム送信イベントの共有例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート