<kendo:checkBoxGroup>
A JSP wrapper for Kendo UI CheckBoxGroup.
Configuration Attributes
enabled boolean
Sets the enabled state of all checkboxes in the CheckBoxGroup.
Example
<kendo:checkBoxGroup enabled="enabled">
</kendo:checkBoxGroup>
inputName java.lang.String
The name attribute to be used for the checkbox inputs. If omitted, the id of the wrapper element will be used.
Example
<kendo:checkBoxGroup inputName="inputName">
</kendo:checkBoxGroup>
inputRounded java.lang.String
Sets a value controlling the input elements border radius. Can also be set to the following string values: "small"; "medium"; "large"; "full" or null.
Example
<kendo:checkBoxGroup inputRounded="inputRounded">
</kendo:checkBoxGroup>
inputSize java.lang.String
Sets a value controlling the size of the checkbox inputs. Can also be set to the following string values: "small"; "medium"; "large" or null.
Example
<kendo:checkBoxGroup inputSize="inputSize">
</kendo:checkBoxGroup>
labelPosition java.lang.String
Specifies the label position according to its input for all items in the widget. Accepts "before" and "after".
Example
<kendo:checkBoxGroup labelPosition="labelPosition">
</kendo:checkBoxGroup>
layout java.lang.String
Specifies whether the checkbox inputs will be rendered one below the other ("vertical") or on the same line ("horizontal").
Example
<kendo:checkBoxGroup layout="layout">
</kendo:checkBoxGroup>
value java.lang.Object
The selected (checked) checkboxes values. Will also be used as a CheckBoxGroup widget value.
Example
<kendo:checkBoxGroup value="value">
</kendo:checkBoxGroup>
Configuration JSP Tags
kendo:checkBoxGroup-items
Array of items to be rendered as checkboxes in the CheckBoxGroup. If the array contains objects, their fields will be used for each checkbox configuration. If the array contains strings, those will be used as both value and label of the respective checkbox.
More documentation is available at kendo:checkBoxGroup-items.
Example
<kendo:checkBoxGroup>
<kendo:checkBoxGroup-items></kendo:checkBoxGroup-items>
</kendo:checkBoxGroup>
Event Attributes
change String
Fires when checking or unchecking a checkbox in the widget through user interaction.
For additional information check the change event documentation.
Example
<kendo:checkBoxGroup change="handle_change">
</kendo:checkBoxGroup>
<script>
function handle_change(e) {
// Code to handle the change event.
}
</script>
focus String
Fires when a checkbox in the CheckBoxGroup is focused through user interaction.
For additional information check the focus event documentation.
Example
<kendo:checkBoxGroup focus="handle_focus">
</kendo:checkBoxGroup>
<script>
function handle_focus(e) {
// Code to handle the focus event.
}
</script>
select String
Fires when a checkbox input is clicked to be selected through user interaction. If prevented, the clicked input will not be checked/unchecked.
For additional information check the select event documentation.
Example
<kendo:checkBoxGroup select="handle_select">
</kendo:checkBoxGroup>
<script>
function handle_select(e) {
// Code to handle the select event.
}
</script>
Event Tags
kendo:checkBoxGroup-change
Fires when checking or unchecking a checkbox in the widget through user interaction.
For additional information check the change event documentation.
Example
<kendo:checkBoxGroup>
<kendo:checkBoxGroup-change>
<script>
function(e) {
// Code to handle the change event.
}
</script>
</kendo:checkBoxGroup-change>
</kendo:checkBoxGroup>
kendo:checkBoxGroup-focus
Fires when a checkbox in the CheckBoxGroup is focused through user interaction.
For additional information check the focus event documentation.
Example
<kendo:checkBoxGroup>
<kendo:checkBoxGroup-focus>
<script>
function(e) {
// Code to handle the focus event.
}
</script>
</kendo:checkBoxGroup-focus>
</kendo:checkBoxGroup>
kendo:checkBoxGroup-select
Fires when a checkbox input is clicked to be selected through user interaction. If prevented, the clicked input will not be checked/unchecked.
For additional information check the select event documentation.
Example
<kendo:checkBoxGroup>
<kendo:checkBoxGroup-select>
<script>
function(e) {
// Code to handle the select event.
}
</script>
</kendo:checkBoxGroup-select>
</kendo:checkBoxGroup>