If set to false the widget will be disabled. Sets the dataSource of an existing ComboBox and rebinds it. The text message shown in the noDataTemplate when no data is available in the widget drop-down. The field of the data item that provides the value of the widget. If not defined the value from the parent's dataValueField will be used. By default the widget displays only the text of the data item (configured via dataTextField). This is applicable also when header content is just a string/text. Specifies the height of the virtual item. An object, which holds the options of the widget. It needs to be a field per se. We and our partners use data for Personalised ads and content, ad and content measurement, audience insights and product development. dataTextField - Provide the field which you want to bind with the combobox dataValueField - Provide the ID field of your data source datasource - Provide the URI of your API in transport read Result We have data bound to a combox, all is working fine. Today I want to share a little Kendo UI Combobox customization, one that I hope you'll find useful: restoring the previous value on an invalid entry. Important When dataTextField is defined, thedataValueField option also should be set. Enables the virtualization feature of the widget. Specifies which point of the popup element to attach to the anchor's origin point. Set to higher value than 1 if the search could match a lot of items. 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. space separated "y" plus "x" position. When set to true the widget will automatically set selected value to the typed custom text. To overcome this behavior, manually invoke the refresh method of the Floating Label: $("#combobox").data("kendoComboBox").label.floatingLabel.refresh(); The template used to render the groups. Important When dataTextField is defined, the dataValueField option also should be set. Here's the process broken down: DataSource is created and request to AJAX service is made. The options that will be used for the popup initialization. The template will be evaluated on every widget data bound. Defines the whether to open/close the drop-down list. Environment. Important: This method does not remove the ComboBox element from DOM. This is a migrated thread and some comments may be shown as answers. The effect(s) to use when playing the open animation. The model bound to the widget will not be updated. The delay in milliseconds between a keystroke and when the widget displays the popup. Help topic showing how cascading functionality works, Defines the field to be used to filter the data source. As a result the suggestion popup will open and close instantly. All items in the virtualized list must have the same height. Unless this options is set to false, a button will appear when hovering the widget. If set to false, the View-Model field will be updated with the selected item. This can affect the floating label functionality. My datasouce has a FirstName field and a LastName field. MultiColumnComboBox Configuration datatextfield dataTextField String (default: "") The field of the data item that provides the text content of the list items. We have data bound to a combox, all is working fine. All Rights Reserved. Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries. As of 2015 Q3 SP1 cascading widget will trigger change event when its value is changed due to parent update. in the current datasource view, which represents only the active range/page. Fired when an item from the popup is selected by the user either with mouse/tap or with keyboard navigation. Use the widget fields directly in the template. To view the purposes they believe they have legitimate interest for, or to object to this data processing use the vendor list link below. The function context (available through the keyword this) will be set to the widget instance. A tag already exists with the provided branch name. By default the widget displays only the value of the current group. Product Bundles. If not defined, it is set to a field with the same name as the parent's dataValueField option. The widget performs case-insensitive searching by default. Number The index of the selected item, if called with no parameters. Important: If the widget is not bound (e.g. You can rate examples to help us improve the quality of examples. Copyright 2022 Progress Software Corporation and/or its subsidiaries or affiliates. There is a difference between disabled and readonly mode. By default, the mapValueTo is set to "index", which does not affect the current behavior of the virtualization process. Manage Settings All Telerik .NET tools and Kendo UI JavaScript components in one package. A number representing the index of the item or function predicate which returns the correct data item. As of the Kendo UI R3 2016 release, the implementation of the valueMapper function is optional. "), noDataTemplate String|Function|Boolean(default: true), Example - specify noDataTemplate as a string, Example - specify placeholder as HTML attribute, Example - append the popup to a specific element, Example - disable automatic sync between value and text, Example - specify headerTemplate as a string, Example - specify that the View-Model field should be updated with the selected item value, virtual.mapValueTo String(default: "index"), virtual.valueMapper Function(default: null), Example - ComboBox widget with a virtualized list, Example - ComboBox widget with declarative virtualization config, Example - add a data item to the data source, Example - select item based on jQuery object, Example - select item based on function predicate, Example - get selected index of the widget, Example - subscribe to the "change" event during initialization, Example - subscribe to the "change" event after initialization, Example - subscribe to the "close" event during initialization, Example - subscribe to the "close" event after initialization, Example - subscribe to the "dataBound" event during initialization, Example - subscribe to the "dataBound" event after initialization, Example - subscribe to the "filtering" event during initialization, Example - subscribe to the "filtering" event after initialization, Example - prevent filtering event when filter value is empty, Example - subscribe to the "open" event during initialization, Example - subscribe to the "open" event after initialization, Example - subscribe to the "select" event during initialization, Example - subscribe to the "select" event after initialization, Example - subscribe to the "cascade" event during initialization, Example - subscribe to the "cascade" event after initialization, Help topic showing how cascading functionality works. The value is If a custom value is entered, the returned selected index is -1. undefined If called with a parameter as a setter. Important: The event is not fired when an item is selected programmatically. Object The raw data record. Works in conjunction with minLength. The widget will stay unbound. Array The currently rendered dropdown list items (