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

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

[관련 영상 추천: 부트스트랩 튜토리얼]

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

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

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

<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 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:

Node.js Buffer 사용에 대한 자세한 설명

JS를 사용하여 로컬 카메라를 호출하는 방법

🎜

위 내용은 Bootstrap 테이블의 도구 모음을 사용하여 새 조건부 쿼리를 추가하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!