<kendo:multiColumnComboBox>

A JSP wrapper for Kendo UI MultiColumnComboBox.

Configuration Attributes

autoBind boolean

Controls whether to bind the widget to the data source on initialization.

Example

<kendo:multiColumnComboBox autoBind="autoBind">
</kendo:multiColumnComboBox>

cascadeFrom java.lang.String

Use it to set the Id of the parent MultiColumnComboBox widget.Help topic showing how cascading functionality works

Example

<kendo:multiColumnComboBox cascadeFrom="cascadeFrom">
</kendo:multiColumnComboBox>

cascadeFromField java.lang.String

Defines the field to be used to filter the data source. If not defined the parent's dataValueField option will be used.Help topic showing how cascading functionality works

Example

<kendo:multiColumnComboBox cascadeFromField="cascadeFromField">
</kendo:multiColumnComboBox>

cascadeFromParentField java.lang.String

Defines the parent field to be used to retain value from. This value will be used further to filter the dataSource. If not defined the value from the parent's dataValueField will be used.

Example

<kendo:multiColumnComboBox cascadeFromParentField="cascadeFromParentField">
</kendo:multiColumnComboBox>

clearButton boolean

Unless this options is set to false, a button will appear when hovering the widget. Clicking that button will reset the widget's value and will trigger the change event.

Example

<kendo:multiColumnComboBox clearButton="clearButton">
</kendo:multiColumnComboBox>

dataTextField java.lang.String

The field of the data item that provides the text content of the list items. The widget will filter the data source based on this field.

Example

<kendo:multiColumnComboBox dataTextField="dataTextField">
</kendo:multiColumnComboBox>

dataValueField java.lang.String

The field of the data item that provides the value of the widget.

Example

<kendo:multiColumnComboBox dataValueField="dataValueField">
</kendo:multiColumnComboBox>

delay float

The delay in milliseconds between a keystroke and when the widget displays the popup.

Example

<kendo:multiColumnComboBox delay="delay">
</kendo:multiColumnComboBox>

The width of the dropdown. Numeric values are treated as pixels.

Example

<kendo:multiColumnComboBox dropDownWidth="dropDownWidth">
</kendo:multiColumnComboBox>

enable boolean

If set to false the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input.

Example

<kendo:multiColumnComboBox enable="enable">
</kendo:multiColumnComboBox>

enforceMinLength boolean

If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength.

Example

<kendo:multiColumnComboBox enforceMinLength="enforceMinLength">
</kendo:multiColumnComboBox>

filter java.lang.String

The filtering method used to determine the suggestions for the current value. Filtration is turned off by default, and can be performed over string values only (either the widget's data has to be an array of strings, or over the field, configured in the dataTextField option). The supported filter values are startswith, endswith and contains.

Example

<kendo:multiColumnComboBox filter="filter">
</kendo:multiColumnComboBox>

filterFields java.lang.Object

Enables multicolumn filtering.

Example

<kendo:multiColumnComboBox filterFields="filterFields">
</kendo:multiColumnComboBox>

fixedGroupTemplate java.lang.String

The template used to render the fixed header group. By default the widget displays only the value of the current group.

Example

<kendo:multiColumnComboBox fixedGroupTemplate="fixedGroupTemplate">
</kendo:multiColumnComboBox>

footerTemplate java.lang.String

The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template.

Example

<kendo:multiColumnComboBox footerTemplate="footerTemplate">
</kendo:multiColumnComboBox>

groupTemplate java.lang.String

The template used to render the groups. By default the widget displays only the value of the group.

Example

<kendo:multiColumnComboBox groupTemplate="groupTemplate">
</kendo:multiColumnComboBox>

headerTemplate java.lang.String

Specifies a static HTML content, which will be rendered as a header of the popup element.

Example

<kendo:multiColumnComboBox headerTemplate="headerTemplate">
</kendo:multiColumnComboBox>

height float

The height of the suggestion popup in pixels. The default value is 200 pixels.

Example

<kendo:multiColumnComboBox height="height">
</kendo:multiColumnComboBox>

highlightFirst boolean

If set to true the first suggestion will be automatically highlighted.

Example

<kendo:multiColumnComboBox highlightFirst="highlightFirst">
</kendo:multiColumnComboBox>

ignoreCase boolean

If set to false case-sensitive search will be performed to find suggestions. The widget performs case-insensitive searching by default.

Example

<kendo:multiColumnComboBox ignoreCase="ignoreCase">
</kendo:multiColumnComboBox>

index float

The index of the initially selected item. The index is 0 based.

Example

<kendo:multiColumnComboBox index="index">
</kendo:multiColumnComboBox>

minLength float

The minimum number of characters the user must type before a search is performed. Set to higher value than 1 if the search could match a lot of items.

Example

<kendo:multiColumnComboBox minLength="minLength">
</kendo:multiColumnComboBox>

noDataTemplate java.lang.String

The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound.

Example

<kendo:multiColumnComboBox noDataTemplate="noDataTemplate">
</kendo:multiColumnComboBox>

placeholder java.lang.String

The hint displayed by the widget when it is empty. Not set by default.

Example

<kendo:multiColumnComboBox placeholder="placeholder">
</kendo:multiColumnComboBox>

suggest boolean

If set to true the widget will automatically use the first suggestion as its value.

Example

<kendo:multiColumnComboBox suggest="suggest">
</kendo:multiColumnComboBox>

syncValueAndText boolean

When set to true the widget will automatically set selected value to the typed custom text. Set the option to false to clear the selected value but keep the custom text.

Example

<kendo:multiColumnComboBox syncValueAndText="syncValueAndText">
</kendo:multiColumnComboBox>

text java.lang.String

The text of the widget used when the autoBind is set to false.

Example

<kendo:multiColumnComboBox text="text">
</kendo:multiColumnComboBox>

value java.lang.String

The value of the widget.

Example

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

valuePrimitive boolean

Specifies the value binding behavior for the widget when the initial model value is null. If set to true, the View-Model field will be updated with the selected item value field. If set to false, the View-Model field will be updated with the selected item.

Example

<kendo:multiColumnComboBox valuePrimitive="valuePrimitive">
</kendo:multiColumnComboBox>

virtual boolean

Enables the virtualization feature of the widget. The configuration can be set on an object, which contains two properties - itemHeight and valueMapper.For detailed information, refer to the article on virtualization. Further configuration is available via kendo:multiColumnComboBox-virtual.

Example

<kendo:multiColumnComboBox virtual="virtual">
</kendo:multiColumnComboBox>

Configuration JSP Tags

kendo:multiColumnComboBox-animation

Configures the opening and closing animations of the suggestion popup. Setting the animation option to false will disable the opening and closing animations. As a result the suggestion popup will open and close instantly.

More documentation is available at kendo:multiColumnComboBox-animation.

Example

<kendo:multiColumnComboBox>
    <kendo:multiColumnComboBox-animation></kendo:multiColumnComboBox-animation>
</kendo:multiColumnComboBox>

kendo:multiColumnComboBox-columns

Defines the columns rendered in the table of the MultiColumnComboBox.

More documentation is available at kendo:multiColumnComboBox-columns.

Example

<kendo:multiColumnComboBox>
    <kendo:multiColumnComboBox-columns></kendo:multiColumnComboBox-columns>
</kendo:multiColumnComboBox>

kendo:multiColumnComboBox-popup

The options that will be used for the popup initialization. For more details about the available options refer to Popup documentation.

More documentation is available at kendo:multiColumnComboBox-popup.

Example

<kendo:multiColumnComboBox>
    <kendo:multiColumnComboBox-popup></kendo:multiColumnComboBox-popup>
</kendo:multiColumnComboBox>

kendo:multiColumnComboBox-virtual

Enables the virtualization feature of the widget. The configuration can be set on an object, which contains two properties - itemHeight and valueMapper.For detailed information, refer to the article on virtualization.

More documentation is available at kendo:multiColumnComboBox-virtual.

Example

<kendo:multiColumnComboBox>
    <kendo:multiColumnComboBox-virtual></kendo:multiColumnComboBox-virtual>
</kendo:multiColumnComboBox>

Event Attributes

change String

Fired when the value of the widget is changed by the user. As of 2015 Q3 SP1 cascading widget will trigger change event when its value is changed due to parent update.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the change event documentation.

Example

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

close String

Fired when the popup of the widget is closed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the close event documentation.

Example

<kendo:multiColumnComboBox close="handle_close">
</kendo:multiColumnComboBox>
<script>
    function handle_close(e) {
        // Code to handle the close event.
    }
</script>

dataBound String

Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the dataBound event documentation.

Example

<kendo:multiColumnComboBox dataBound="handle_dataBound">
</kendo:multiColumnComboBox>
<script>
    function handle_dataBound(e) {
        // Code to handle the dataBound event.
    }
</script>

filtering String

Fired when the widget is about to filter the data source.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the filtering event documentation.

Example

<kendo:multiColumnComboBox filtering="handle_filtering">
</kendo:multiColumnComboBox>
<script>
    function handle_filtering(e) {
        // Code to handle the filtering event.
    }
</script>

open String

Fired when the popup of the widget is opened by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the open event documentation.

Example

<kendo:multiColumnComboBox open="handle_open">
</kendo:multiColumnComboBox>
<script>
    function handle_open(e) {
        // Code to handle the open event.
    }
</script>

select String

Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation.

For additional information check the select event documentation.

Example

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

cascade String

Fired when the value of the widget is changed via API or user interaction.

For additional information check the cascade event documentation.

Example

<kendo:multiColumnComboBox cascade="handle_cascade">
</kendo:multiColumnComboBox>
<script>
    function handle_cascade(e) {
        // Code to handle the cascade event.
    }
</script>

Event Tags

kendo:multiColumnComboBox-change

Fired when the value of the widget is changed by the user. As of 2015 Q3 SP1 cascading widget will trigger change event when its value is changed due to parent update.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the change event documentation.

Example

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

kendo:multiColumnComboBox-close

Fired when the popup of the widget is closed.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the close event documentation.

Example

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

kendo:multiColumnComboBox-dataBound

Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the dataBound event documentation.

Example

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

kendo:multiColumnComboBox-filtering

Fired when the widget is about to filter the data source.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the filtering event documentation.

Example

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

kendo:multiColumnComboBox-open

Fired when the popup of the widget is opened by the user.The event handler function context (available via the this keyword) will be set to the widget instance.

For additional information check the open event documentation.

Example

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

kendo:multiColumnComboBox-select

Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation.

For additional information check the select event documentation.

Example

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

kendo:multiColumnComboBox-cascade

Fired when the value of the widget is changed via API or user interaction.

For additional information check the cascade event documentation.

Example

<kendo:multiColumnComboBox>
    <kendo:multiColumnComboBox-cascade>
        <script>
            function(e) {
                // Code to handle the cascade event.
            }
        </script>
    </kendo:multiColumnComboBox-cascade>
</kendo:multiColumnComboBox>
Is this article helpful? Yes / No
Thank you for your feedback!

Give article feedback

Tell us how we can improve this article

close
Dummy