Table Cookie

Bootstrap Table の Table Cookie 拡張機能。

使用方法

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

例

Cookie

オプション

cookie

• 属性: data-cookie

• 型: Boolean

• 詳細

  テーブルの状態（ページング位置、ソート状態、1ページあたりのレコード数）を保存するには true に設定します。

• デフォルト: false

cookieCustomStorageDelete

• 属性: data-cookie-custom-storage-delete

• 型: function

• パラメータ

  • cookieName - 値の名前（例：検索）

• 詳細

  このオプションを使用すると、カスタム関数で値を削除できます。cookieStorage オプションで customStorage を使用する場合にのみ必要です！

• デフォルト: undefined

cookieCustomStorageGet

• 属性: data-cookie-custom-storage-get

• 型: function

• パラメータ

  • cookieName - 値の名前（例：検索）

• 詳細

  このオプションを使用すると、カスタム関数から保存された値を取得できます。cookieStorage オプションで customStorage を使用する場合にのみ必要です！

• デフォルト: undefined

cookieCustomStorageSet

• 属性: data-cookie-custom-storage-set

• 型: function

• パラメータ

  • cookieName - 値の名前（例：検索）
  • value - 保存される値

• 詳細

  このオプションを使用すると、カスタム関数で値を保存できます。cookieStorage オプションで customStorage を使用する場合にのみ必要です！

• デフォルト: undefined

cookieDomain

• 属性: data-cookie-domain

• 型: String

• 詳細

  これは、www. プレフィックスを除いたウェブサイトドメインです。

• デフォルト: null

cookieExpire

• 属性: data-cookie-expire

• 型: String

• 詳細

  cookie オプションが有効になっている場合は、cookie の有効期限を知るためにこのプロパティを設定する必要があります。 'number{letter}' の形式を使用する必要があります（例： '2h'）。文字の位置には、's'、'mi'、'h'、'd'、'm'、'y' を使用できます。これらはそれぞれ、'秒'、'分'、'時間'、'日'、'月'、'年' を意味します。

• デフォルト: 2h

cookieIdTable

• 属性: data-cookie-id-table

• 型: String

• 詳細

  cookie プロパティが有効になっている場合は、ページまたはプロジェクト内の各テーブルを一意に識別する Cookie を設定するためにこのプロパティを設定する必要があります。識別子付きの Cookie を作成する必要があるため、このプロパティを設定する必要があります。

• デフォルト: ''

cookiePath

• 属性: data-cookie-path

• 型: String

• 詳細

  ブラウザに cookie が属するパスを指定できます。デフォルトでは、cookie は現在のページに属します。

• デフォルト: null

cookieSecure

• 属性: data-cookie-secure

• 型: Boolean

• 詳細

  このプロパティは、Cookie 通信を暗号化された送信に限定し、ブラウザに安全な/暗号化された接続でのみ Cookie を使用するように指示します。

• デフォルト: null

cookieSameSite

• 属性: data-cookie-same-site

• 型: string

• 詳細

  このプロパティは、SameSite Cookie 属性の値を定義します。詳細については、SameSite ドキュメント を参照してください。

• デフォルト: Lax

cookieStorage

• 属性: data-cookie-storage

• 型: String

• 詳細

  この拡張機能が使用するストレージを設定します。cookieStorage、localStorage、sessionStorage、または customStorage を使用します。

  customStorage の情報：cookieCustomStorageGet、cookieCustomStorageSet、および cookieCustomStorageDelete を使用する必要があります。

• デフォルト: cookieStorage

cookiesEnabled

• 属性: data-cookies-enabled

• 型: Array

• 詳細

  保存するテーブルプロパティ（sortOrder、sortName、sortPriority、pageNumber、pageList、hiddenColumns、searchText、filterControl）をこの配列に設定します。

• デフォルト: ['bs.table.sortOrder', 'bs.table.sortName', 'bs.table.sortPriority', 'bs.table.pageNumber', 'bs.table.pageList', 'bs.table.hiddenColumns', 'bs.table.searchText', 'bs.table.filterControl', 'bs.table.cardView', 'bs.table.customView']

メソッド

deleteCookie

• パラメータ: cookieName

• 詳細

  Cookie 名で保存された Cookie を削除します。

getCookies

• パラメータ: undefined

• 詳細

  保存された Cookie を返します。

このプラグインは保存します

• ページ番号
• ページサイズ（1ページあたりの行数）
• 検索テキスト
• 検索フィルタコントロール
• ソート順
• ソート名
• 複数ソート順
• 非表示列
• カードビュー状態