v5.20192.624
|

WjMultiSelect Class

AngularJS directive for the MultiSelect control.

Use the wj-multi-select directive to add MultiSelect controls to your AngularJS applications. Note that directive and parameter names must be formatted as lower-case with dashes instead of camel-case. For example:

<p>Here is a MultiSelect bound to a collection of objects:</p>
<wj-multi-select
    placeholder="Select Countries"
    items-source="ctx.items"
    header-format="{count} countries selected"
    display-Member-path="country"
    checked-Member-path="selected">
</wj-multi-select>

The wj-multi-select directive extends wijmo.angular.input.WjComboBox with the following attributes:

checked-member-path
@ The name of the property used to control the checkboxes placed next to each item.
header-format
@ The format string used to create the header content when the control has more than maxHeaderItems items checked.
header-formatter
= A function that gets the HTML in the control header.
max-header-items
@ The maximum number of items to display on the control header.
checked-items-changed
& The MultiSelect.checkedItemsChanged event handler.

Hierarchy