Data Binding

The datamap 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 a item
label	The field in the data to be used as the display label for each item
selected	Optional. The field in the data to determine which item should be selected

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

const list = new wire.icheckList().render("#list", {
    data: users
});

Datamap

Use the datamap configuration property to bind a data structure to the component that does not have the same field names.

const users = [
    { user: "bsimmons", name: "Ben Simmons" },
    { user: "jembiid", name: "Joel Embiid" },
]

const list = new wire.icheckList().render("#list", {
    data: users,
    datamap: { value: "user", label: "name" }
});