New to Telerik UI for JSP? Download free 30-day trial

<kendo:chipList>

A JSP wrapper for Kendo UI ChipList.

Configuration Attributes

fillMode java.lang.String

Sets a value controlling how the color is applied.

Example

<kendo:chipList fillMode="fillMode">
</kendo:chipList>

itemSize java.lang.String

Specifies the size of the chip.

Example

<kendo:chipList itemSize="itemSize">
</kendo:chipList>

removable boolean

Specifies if the Chip items will be removable or not. If the property is set to true, the Chip renders a remove icon.

Example

<kendo:chipList removable="removable">
</kendo:chipList>

rounded java.lang.String

Sets a value controlling the border radius.

Example

<kendo:chipList rounded="rounded">
</kendo:chipList>

selectable java.lang.String

Sets the selection mode of the ChipList.

Example

<kendo:chipList selectable="selectable">
</kendo:chipList>

size java.lang.String

Specifies the gap between the Chips in the ChipList.

Example

<kendo:chipList size="size">
</kendo:chipList>

Configuration JSP Tags

kendo:chipList-items

The configurations of the different chips inside the chiplist.

More documentation is available at kendo:chipList-items.

Example

<kendo:chipList>
    <kendo:chipList-items></kendo:chipList-items>
</kendo:chipList>

Event Attributes

select String

Fires when the user changes a Chip selection in the ChipList.

For additional information check the select event documentation.

Example

<kendo:chipList select="handle_select">
</kendo:chipList>
<script>
    function handle_select(e) {
        // Code to handle the select event.
    }
</script>

remove String

Fires when the user clicks the remove icon of the Chip.

For additional information check the remove event documentation.

Example

<kendo:chipList remove="handle_remove">
</kendo:chipList>
<script>
    function handle_remove(e) {
        // Code to handle the remove event.
    }
</script>

Event Tags

kendo:chipList-select

Fires when the user changes a Chip selection in the ChipList.

For additional information check the select event documentation.

Example

<kendo:chipList>
    <kendo:chipList-select>
        <script>
            function(e) {
                // Code to handle the select event.
            }
        </script>
    </kendo:chipList-select>
</kendo:chipList>

kendo:chipList-remove

Fires when the user clicks the remove icon of the Chip.

For additional information check the remove event documentation.

Example

<kendo:chipList>
    <kendo:chipList-remove>
        <script>
            function(e) {
                // Code to handle the remove event.
            }
        </script>
    </kendo:chipList-remove>
</kendo:chipList>
In this article
Not finding the help you need?