jQuery Datatable 정보 다중 쿼리 조건 사용자 정의 제출 이벤트 예제 공유

이 글은 주로 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!