<kendo:radioGroup>

A JSP wrapper for Kendo UI RadioGroup.

Configuration Attributes

enabled boolean

Sets the enabled state of all radio buttons in the RadioGroup.

Example

<kendo:radioGroup enabled="enabled">
</kendo:radioGroup>

inputName java.lang.String

The name attribute to be used for the radio inputs. If omitted, the id of the wrapper element will be used.

Example

<kendo:radioGroup inputName="inputName">
</kendo:radioGroup>

inputSize java.lang.String

Sets a value controlling the size of the radio inputs. Can also be set to the following string values: "small"; "medium"; "large" or null.

Example

<kendo:radioGroup inputSize="inputSize">
</kendo:radioGroup>

labelPosition java.lang.String

Specifies the label position according to its radio button for all items in the widget. Accepts "before" and "after".

Example

<kendo:radioGroup labelPosition="labelPosition">
</kendo:radioGroup>

layout java.lang.String

Specifies whether the radio buttons will be rendered one below the other ("vertical") or on the same line ("horizontal").

Example

<kendo:radioGroup layout="layout">
</kendo:radioGroup>

value java.lang.String

The selected (checked) radio button value. Will also be used as a RadioGroup widget value.

Example

<kendo:radioGroup value="value">
</kendo:radioGroup>

Configuration JSP Tags

kendo:radioGroup-items

Array of items to be rendered as radio buttons in the RadioGroup. If the array contains objects, their fields will be used for each radio button. If the array contains strings, those will be used as both value and label of the respective radio button.

More documentation is available at kendo:radioGroup-items.

Example

<kendo:radioGroup>
    <kendo:radioGroup-items></kendo:radioGroup-items>
</kendo:radioGroup>

Event Attributes

change String

Fires when the selected radio input in the RadioGroup is changed through user interaction.

For additional information check the change event documentation.

Example

<kendo:radioGroup change="handle_change">
</kendo:radioGroup>
<script>
    function handle_change(e) {
        // Code to handle the change event.
    }
</script>

focus String

Fires when a radio input in the RadioGroup is focused through user interaction.

For additional information check the focus event documentation.

Example

<kendo:radioGroup focus="handle_focus">
</kendo:radioGroup>
<script>
    function handle_focus(e) {
        // Code to handle the focus event.
    }
</script>

select String

Fires when a radio input is clicked to be selected through user interaction. If prevented, the clicked input will not be selected.

For additional information check the select event documentation.

Example

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

Event Tags

kendo:radioGroup-change

Fires when the selected radio input in the RadioGroup is changed through user interaction.

For additional information check the change event documentation.

Example

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

kendo:radioGroup-focus

Fires when a radio input in the RadioGroup is focused through user interaction.

For additional information check the focus event documentation.

Example

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

kendo:radioGroup-select

Fires when a radio input is clicked to be selected through user interaction. If prevented, the clicked input will not be selected.

For additional information check the select event documentation.

Example

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