<kendo:splitButton-item>

Specifies the menu buttons of the SplitButton.

Example

<kendo:splitButton-items>
    <kendo:splitButton-item></kendo:splitButton-item>
</kendo:splitButton-items>

Configuration Attributes

attributes java.lang.Object

Adds custom attributes to the LI element of the menu button.

Example

<kendo:splitButton-item attributes="attributes">
</kendo:splitButton-item>

click java.lang.String

Adds unique click callback for the menu item.

Example

<kendo:splitButton-item click="click">
</kendo:splitButton-item>

data java.lang.String

Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically.

Example

<kendo:splitButton-item data="data">
</kendo:splitButton-item>

enabled boolean

Toggles the enabled state of the item.

Example

<kendo:splitButton-item enabled="enabled">
</kendo:splitButton-item>

hidden boolean

Indicates wether the item should hidden.

Example

<kendo:splitButton-item hidden="hidden">
</kendo:splitButton-item>

icon java.lang.String

Specifies the icon of the item.

Example

<kendo:splitButton-item icon="icon">
</kendo:splitButton-item>

id java.lang.String

Specifies the id of the item.

Example

<kendo:splitButton-item id="id">
</kendo:splitButton-item>

imageUrl java.lang.String

Specifies the image of the item.

Example

<kendo:splitButton-item imageUrl="imageUrl">
</kendo:splitButton-item>

spriteCssClass java.lang.String

Specifies the custom CSS class that is added to the sprite icon element of the item.

Example

<kendo:splitButton-item spriteCssClass="spriteCssClass">
</kendo:splitButton-item>

text java.lang.String

Specifies the text of the item. ### items.url StringSpecifies the url of the item - it will render a element and will navigate the browser on click.

Example

<kendo:splitButton-item text="text">
</kendo:splitButton-item>

Event Attributes

click String

Adds unique click callback for the menu item.

Example

<kendo:splitButton-item click="handle_click">
</kendo:splitButton-item>
<script>
    function handle_click(e) {
        // Code to handle the click event.
    }
</script>

data String

Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically.

Example

<kendo:splitButton-item data="handle_data">
</kendo:splitButton-item>
<script>
    function handle_data(e) {
        // Code to handle the data event.
    }
</script>

Event Tags

kendo:splitButton-item-click

Adds unique click callback for the menu item.

Example

<kendo:splitButton-item>
    <kendo:splitButton-item-click>
        <script>
            function(e) {
                // Code to handle the click event.
            }
        </script>
    </kendo:splitButton-item-click>
</kendo:splitButton-item>

kendo:splitButton-item-data

Adds a custom data callback to be added to the context of menu item - useful to attach context dynamically.

Example

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