GitHub에서 보기

테이블 도구 모음

Bootstrap Table의 도구 모음 확장 기능으로, 고급 검색과 사용자 정의 도구 모음 기능을 제공합니다.

이 페이지에서

도구 모음 확장 기능은 테이블에 고급 검색 기능과 사용자 정의 도구 모음을 추가하여 복잡한 다중 조건 검색과 팝업 폼 작업을 지원합니다.

사용법

<script src="extensions/toolbar/bootstrap-table-toolbar.js"></script>

예제

Advanced Toolbar

옵션

advancedSearch

  • 속성: data-advanced-search

  • 유형: Boolean

  • 세부 정보:

    고급 검색 기능을 활성화할지 여부를 지정합니다. true로 설정하면 테이블 도구 모음에 고급 검색 버튼이 표시되며, 클릭하면 복잡한 다중 조건 검색 폼이 팝업됩니다.

  • 기본값: false

actionForm

  • 속성: data-action-form

  • 유형: String

  • 세부 정보:

    팝업 폼의 action을 설정합니다.

  • 기본값: ''

idForm

  • 속성: data-id-form

  • 유형: String

  • 세부 정보:

    폼의 id를 지정합니다.

  • 기본값: advancedSearch

idTable

  • 속성: data-id-table

  • 유형: String

  • 세부 정보:

    팝업 폼을 생성하는 데 사용할 테이블 id를 지정합니다(필수).

  • 기본값: ''

이벤트

onColumnAdvancedSearch (column-advanced-search.bs.table)

  • 사용자가 고급 검색 폼에서 검색 작업을 수행할 때 이 이벤트가 트리거됩니다.

지역화

formatAdvancedCloseButton

  • 세부 정보: 고급 검색 팝업의 닫기 버튼에 표시될 텍스트를 설정합니다.

  • 기본값: function () { return "Close" }

formatAdvancedSearch

  • 세부 정보: 고급 검색 팝업의 제목 텍스트를 설정합니다.

  • 기본값: function () { return "Advanced Search" }