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" }