Bootstrap 테이블의 도구 모음을 사용하여 새 조건부 쿼리를 추가하는 방법-JS 튜토리얼-php.cn

Bootstrap 테이블의 도구 모음을 사용하여 새 조건부 쿼리를 추가하는 방법

PHPz

풀어 주다： 2018-10-16 15:36:21

원래의

5097명이 탐색했습니다.

이번에는 Bootstrap 테이블의 도구 모음을 사용하여 새로운 조건 쿼리를 추가하는 방법을 보여 드리겠습니다. Bootstrap 테이블의 도구 모음을 사용하여 조건 쿼리를 추가할 때 주의 사항은 무엇입니까? 봐.

  //工具按钮用哪个容器
  toolbar: '#toolbar', 
<p></p>

로그인 후 복사

우리가 정의한 쿼리 조건이 이 p에 담겨 있습니다. 먼저 우리가 기대하는 효과를 살펴보겠습니다.

Bootstrap 테이블의 도구 모음을 사용하여 새 조건부 쿼리를 추가하는 방법

이 효과를 얻기 위해 우리는 먼저 쿼리 양식을 추가해야 합니다.

<p>
 </p><p>
  </p><p>
   </p><p>
    </p>

로그인 후 복사

요청 서버에 전달된 매개변수에서 해당 값을 가져옵니다.

 //请求服务器数据
  queryParams: function queryParams(params){
   var param = { 
     pageNumber: params.pageNumber, 
     pageSize: params.pageSize,
     sortName: params.sortName,
     sortOrder: params.sortOrder,
     searchText: $("#searchText").val(),
     msgType: $("#msgType").val(),
     productLine: $("#productLine").val()
    }; 
    return param; 
  }

로그인 후 복사

마지막으로 서버에 제출합니다.

 //查询
 $(document).on('click', ".queryButton",function(){
   $('#table').bootstrapTable('refresh');
 });

로그인 후 복사

이 새로 고침 공식 문서에서는 다음과 같이 설명합니다.

Refresh 원격 서버 데이터의 경우 {silent: true}를 설정하여 데이터를 자동으로 새로 고치고, {url: newUrl}를 설정하여 URL을 변경할 수 있습니다. silent: true}以静默方式刷新数据，并设置{url: newUrl}更改URL。

要提供特定于此请求的查询参数，请设置{query: {foo: 'bar'}}。

이 요청과 관련된 쿼리 매개변수를 제공하려면 {query: {foo: 'bar'}}를 설정하세요.

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 생각합니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!