Auf GitHub anzeigen

Bootstrap Table Custom View

Die Custom-View-Erweiterung der Bootstrap Table.

Auf dieser Seite

Beschreibung

Diese Erweiterung fügt die Möglichkeit hinzu, eine benutzerdefinierte Ansicht zum Anzeigen der Daten zu erstellen.

Verwendung

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

Beispiel

Custom View

Optionen

customView

  • Attribut: data-custom-view

  • Typ: Function|Boolean

  • Detail:

    Setzen Sie auf false, um diese Erweiterung zu deaktivieren. Setzen Sie auf function, um Ihre benutzerdefinierte Ansicht zu formatieren.

  • Standard: false

customViewDefaultView

  • Attribut: data-custom-view-default-view

  • Typ: Boolean

  • Detail:

    Setzen Sie auf true, um die benutzerdefinierte Ansicht als Standardansicht anzuzeigen.

  • Standard: false

showCustomView

  • Attribut: data-show-custom-view

  • Typ: Boolean

  • Detail:

    Setzen Sie auf true, um den Umschaltknopf für die benutzerdefinierte Ansicht anzuzeigen.

  • Standard: false

Icons

  • 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

Methoden

toggleCustomView

  • Schaltet die Ansicht zwischen der Tabelle und der benutzerdefinierten Ansicht um.

Events

onCustomViewPreBody

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

  • Parameter: undefined

  • Detail:

    Wird ausgelöst, bevor die benutzerdefinierte Ansicht gerendert wird.

onCustomViewPostBody

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

  • Parameter: undefined

  • Detail:

    Wird ausgelöst, nachdem die benutzerdefinierte Ansicht gerendert wurde.

onToggleCustomView

  • Wird ausgelöst, wenn die benutzerdefinierte Ansicht umgeschaltet wird.

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

  • Parameter: state

  • Detail:

    Wird ausgelöst, wenn die benutzerdefinierte Ansicht umgeschaltet wird:

    • state: der neue Zustand der benutzerdefinierten Ansicht (true-> Benutzerdefinierte Ansicht ist aktiviert, false -> Benutzerdefinierte Ansicht ist deaktiviert )

Lokalisierungen

formatToggleCustomViewOn

  • Typ: Function

  • Standard: function () { return "Show custom view" }

formatToggleCustomViewOff

  • Typ: Function

  • Standard: function () { return "Hide custom view" }