edit-boolean

Overview

To get started, see the introductory guide on editable object-table cells.

This cell contains a checkbox next to a display value. When the checkbox is selected, the on-change methods fires with the newValue representing a Javascript true or false.

When a checkbox, without a label, is selected a loader will replace the checkbox while saving, instead of appearing on the right.

On mobile the entire cell area is used to fire the on-change event, for easy accessibility without a mouse cursor.

Basic Example

<object-table ...>
    <column display="{field}">
        <edit-boolean value="$object.field" on-change="$:valueChanged($object, newValue, oldValue)" />
    </column>
</object-table>

Standard Attributes

on-change

See edit-text > on-change

value

See edit-text > value

Advanced Attributes

disabled

See edit-text > disabled