Pro Pack
Docs HomeProduct SiteSupport
  • Introduction
  • Installation
  • Chart.js
    • Configuration
    • Data Binding
    • Data Labels
  • Dataset Filter Labels
    • Installation
    • Configuration
    • Data Binding
  • DataTables
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Date Range Picker
    • Configuration
    • Data Binding
    • Methods
  • iCheck
    • List
      • Configuration
      • Data Binding
      • Events
    • Filter
      • Configuration
      • Data Binding
  • Select2
    • Configuration
    • Data Binding
    • Events
    • Methods
  • Sparklines
    • Installation
    • Configuration
    • Data Binding
  • Toastr
    • Configuration
  • Web Frameworks
Powered by GitBook
On this page

Was this helpful?

  1. iCheck
  2. Filter

Data Binding

PreviousConfigurationNextSelect2

Last updated 3 years ago

Was this helpful?

The for the iCheck List for WireBootstrap component is listed below. The component expects these field names in its data configuration.

Properties

Name

Description

value

The field in the data to be used as the unique value for list item in the filter

label

The field in the data to be used as the display label for each list item in the filter

selected

Optional. The field in the data to determine which item should be selected

const users = [
    { value: "bsimmons", label: "Ben Simmons", selected: false },
    { value: "jembiid", label: "Joel Embiid", selected: true}
]

const filter = new wire.icheckFilter().render("#filter", {
    data: users
});
datamap