Bootstrap Table Custom View

Estensione Custom View per Bootstrap Table.

Descrizione

Questa estensione aggiunge la possibilità di creare una vista personalizzata per visualizzare i dati.

Utilizzo

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

Esempio

Custom View

Opzioni

customView

• Attributo: data-custom-view

• Tipo: Function|Boolean

• Dettagli:

  Imposta su false per disabilitare questa estensione. Imposta su function per formattare la tua vista personalizzata.

• Default: false

customViewDefaultView

• Attributo: data-custom-view-default-view

• Tipo: Boolean

• Dettagli:

  Imposta su true per mostrare la vista personalizzata come vista predefinita.

• Default: false

showCustomView

• Attributo: data-show-custom-view

• Tipo: Boolean

• Dettagli:

  Imposta su true per mostrare il pulsante di commutazione della vista personalizzata.

• Default: false

Icon

• 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

Metodi

toggleCustomView

• Commuta la vista tra la tabella e la vista personalizzata.

Eventi

onCustomViewPreBody

• Evento jQuery: custom-view-pre-body.bs.table

• Parametro: undefined

• Dettagli:

  Si attiva prima che la vista personalizzata sia renderizzata.

onCustomViewPostBody

• Evento jQuery: custom-view-post-body.bs.table

• Parametro: undefined

• Dettagli:

  Si attiva dopo che la vista personalizzata è stata renderizzata.

onToggleCustomView

• Si attiva quando la vista personalizzata viene commutata.

• Evento jQuery: toggle-custom-view.bs.table

• Parametro: state

• Dettagli:

  Si attiva quando la vista personalizzata viene commutata:

  • state: lo stato nuovo della vista personalizzata (true-> Vista personalizzata abilitata, false -> Vista personalizzata disabilitata )

Localizzazioni

formatToggleCustomViewOn

• Tipo: Function

• Default: function () { return "Mostra vista personalizzata" }

formatToggleCustomViewOff

• Tipo: Function

• Default: function () { return "Nascondi vista personalizzata" }