Bootstrap Table Custom View

افزونه Custom View برای Bootstrap Table.

توضیحات

این افزونه قابلیت ایجاد نمای سفارشی برای نمایش داده‌ها را اضافه می‌کند.

استفاده

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

مثال

Custom View

گزینه‌ها

customView

• ویژگی: data-custom-view

• نوع: Function|Boolean

• جزئیات:

  برای غیرفعال کردن این افزونه، روی false تنظیم کنید. برای قالب‌بندی نمای سفارشی خود، روی function تنظیم کنید.

• پیش‌فرض: false

customViewDefaultView

• ویژگی: data-custom-view-default-view

• نوع: Boolean

• جزئیات:

  برای نمایش نمای سفارشی به عنوان نمای پیش‌فرض، روی true تنظیم کنید.

• پیش‌فرض: false

showCustomView

• ویژگی: data-show-custom-view

• نوع: Boolean

• جزئیات:

  برای نمایش دکمه تغییر نمای سفارشی، روی true تنظیم کنید.

• پیش‌فرض: false

آیکون‌ها

• customViewOn:
  • Bootstrap3: glyphicon glyphicon-list
  • Bootstrap4: fa fa-eye
  • bootstrap5: ‘bi-eye’,
  • Semantic: fa fa-eye
  • Foundation: fa fa-eye
  • Bulma: fa fa-eye
  • Materialize: remove_red_eye
• customViewOff:
  • Bootstrap3: glyphicon glyphicon-thumbnails
  • Bootstrap4: fa fa-th
  • bootstrap5: ‘bi-grid’,
  • Semantic: fa fa-th
  • Foundation: fa fa-th
  • Bulma: fa fa-th
  • Materialize: grid_on

متدهای

toggleCustomView

• بین نمای جدول و نمای سفارشی تغییر می‌دهد.

رویدادهای

onCustomViewPreBody

• رویداد jQuery: custom-view-pre-body.bs.table

• پارامتر: undefined

• جزئیات:

  قبل از رندر نمای سفارشی، فعال می‌شود.

onCustomViewPostBody

• رویداد jQuery: custom-view-post-body.bs.table

• پارامتر: undefined

• جزئیات:

  بعد از رندر نمای سفارشی، فعال می‌شود.

onToggleCustomView

• وقتی نمای سفارشی تغییر می‌کند، فعال می‌شود.

• رویداد jQuery: toggle-custom-view.bs.table

• پارامتر: state

• جزئیات:

  وقتی نمای سفارشی تغییر می‌کند، فعال می‌شود:

  • state: وضعیت جدید نمای سفارشی (true-> نمای سفارشی فعال است، false -> نمای سفارشی غیرفعال است)

بومی‌سازی‌ها

formatToggleCustomViewOn

• نوع: Function

• پیش‌فرض: function () { return "Show custom view" }

formatToggleCustomViewOff

• نوع: Function

• پیش‌فرض: function () { return "Hide custom view" }