Events

You can subscribe to the Change, Select, Open, Close, DataBound, and Filtering MultiColumnComboBox events and further customize the functionality of the component.

For a complete example on basic MultiColumnComboBox events, refer to the demo on using the events of the MultiColumnComboBox.

Handling Events by Handler Name

The following example demonstrates how to subscribe to events by a handler name.

Razor

    @(Html.Kendo().MultiColumnComboBox()
      .Name("multicolumncombobox")
      .Events(e => e
            .Change("onChange")
            .Select("onSelect")
            .Open("onOpen")
            .Close("onClose")
            .DataBound("onDataBound")
            .Filtering("onFiltering")
      )
    )

Razor

    <kendo-datetimepicker name="datetimepicker"
        on-change="onChange"
        on-select="onSelect"
        on-open="onOpen"
        on-close="onClose"
        on-data-bound="onDataBound"
        on-filtering="onFiltering"/>

JavaScript

    function onOpen() {
        // Handle the open event.
    }

    function onClose() {
        // Handle the close event.
    }

    function onChange() {
        // Handle the change event.
    }

    function onDataBound() {
        // Handle the dataBound event.
    }

    function onSelect(e) {
        // Handle the select event.
    }

    function onFiltering() {
        // Handle the filtering event.
    }

Handling Events by Template Delegate

The following example demonstrates how to subscribe to events by a template delegate.

Razor

    @(Html.Kendo().MultiColumnComboBox()
        .Name("multicolumncombobox")
        .Events(e => e
            .Open(@<text>
                function() {
                    // Handle the `open` event inline.
                }
            </text>)
            .Close(@<text>
                function() {
                    // Handle the `close` event inline.
                }
            </text>)
            .Change(@<text>
                function() {
                    // Handle the `change` event inline.
                }
            </text>)
            .DataBound(@<text>
                function() {
                    // Handle the `dataBound` event inline.
                }
            </text>)
            .Select(@<text>
                function() {
                    // Handle the `select` event inline.
                }
            </text>)
            .Filtering(@<text>
                function() {
                    // Handle the `filtering` event inline.
                }
            </text>)
        )
    )

Razor

    <kendo-multicolumncombobox name="multicolumncombobox"
        on-change=='function(e)
        {
            // Handle the `change` event inline.
        }'
        on-select='function(e)
        {
            // Handle the `select` event inline.
        }'
        on-open='function(e)
        {
            // Handle the `open` event inline.
        }'
        on-close='function(e)
        {
            // Handle the `close` event inline.
        }'
        on-data-bound='function(e)
        {
            // Handle the `dataBound` event inline.
        }'
        on-filtering='function(e)
        {
            / Handle the filtering event inline.
        }'/>

Next Steps

• Using the MultiColumnComboBox Events (Demo)

See Also

• Using the API of the MultiColumnComboBox HtmlHelper for ASP.NET Core (Demo)
• Server-Side API of the MultiColumnComboBox
• Client-Side API of the MultiColumnComboBox