In our application, we have the requirement to display the DropDownList's filter textBox only if there are more than a specific number of items in the DropDownList. Therefore, we count the items everytime they change (i.e. an item is added/removed or perhaps all items are replaced) and then update the DropDownList's filter setting accordingly via setOptions().

Additionally, we use the dataBound() event for internal UI tweaks and therefore access the e.sender object.

This DOJO demonstrates that e.sender has a different structure before and after setOptions() is called. For instance, the list property does no longer exist. Check the console output, the event object is logged every time dataBound() is called.

Interestingly, this only happens when passing a complete (but updated) object to setOptions() and not when passing only a partial options object. Still, re-setting options to the same value as before should not interfere with any event args.

As my grid edit forms have expanded past the default popup, I have been using editable template. These are bound with MVVM and work well. But not all options work via MVVM like the cascade options below. I would like to use the cascade options in this scenario. It would be great to have all configuration options available via MVVM.

            <select id="ParentID" name="ParentID"
                    style="width: 100%"
                    data-role="dropdownlist"
                    data-text-field="Name"
                    data-value-field="ID"
                    data-cascade-from="ImprovementTargetID"
                    data-cascade-from-field="ImprovementTargetID"
                    data-cascade-from-parent-field="ID"
                    data-source="PEDropDownDataSource"
                    data-option-label="Pick PE..."
                    data-value-primitive="true"
                    data-bind="value:ParentID">
            </select>

The Kendo UI DropDownList allows the user to entera filter which is applied on the available items (documented here: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/filter). As soon as a filter term entered by the user is applied to the dataSource, the selected item is no longer marked. Usually, the .k-state-selected CSS class is set on the corresponding DOM element.

This behavior can also be reproduced in the official Kendo UI Dojo about filtering: https://dojo.telerik.com/eVuSopuj

In Combox, DropDownList, Multiselect widgets, when grouping, the first item is incorrectly rendered (inconsistently with the others).

This can be observed as of today on:

1. https://demos.telerik.com/kendo-ui/combobox/grouping
2. https://demos.telerik.com/kendo-ui/dropdownlist/grouping
3. https://demos.telerik.com/kendo-ui/multiselect/grouping

Additionaly, when groupTemplate is defined, it's ignored for the first item: https://docs.telerik.com/kendo-ui/api/javascript/ui/dropdownlist/configuration/grouptemplate

Ticket ID : 1518454

Thank you for your kind reply.

I saw the link you sent me.(https://dojo.telerik.com/eHUBOtOW/2)

When a Korean keyword is searched, the cursor is pushed back.

It works fine in Chrome, but the same thing happens in IE.

Our company's system have to use IE.

 

When there is no filter enabled in the DropDownList it is possible to select an item just by typing, without opening the DropDownList popup.

https://dojo.telerik.com/ELEfIZIx

It would be useful if such an option is available when the filter of the widget is configured. 

Bug report

Reproduction of the problem

Dojo example

1. Inspect the value in the pre tag above the DropDownList and the selected value in the DropDownList.

Current behavior

The model has the extra spaces trimmed and there is a single space between the words:

<pre class="ng-binding">Magazzini Alimentari Riuniti</pre>

In the DropDownList the value properly contains 2 spaces between the words.

Expected/desired behavior

In the data the selected item has 2 spaces between the words: Magazzini Alimentari Riuniti
The model value should be identical to the data and the extra spaces should not be trimmed.

Environment

• Kendo UI version: 2020.2.617
• jQuery version: x.y
• Browser: [all]

When using AngularJS binding for dropdownlist options in the latest version of Kendo (2018.3.1017), the option labels are not dynamically bound to the scope/controller.  I changed one of the options to have the label {{::foo}} and set the field foo to "BAR" when initializing the scope.  When I run this code with the latest version, the literal text "{{::foo}}" is displayed for the first item of the drop down.  When I use an older version of Kendo (2018.2.516), the text "BAR" is displayed for that item.  This is a regression bug that is causing an error in our product.

Here is a testcase that illustrates the problem.  To toggle between the working and broken versions, change the CDN values.

https://dojo.telerik.com/umuqaFaT

I have created a new Telerk UI for ASP.NET Core R2 2018 SP1 Project and added a DropDownList Component into page.
When I use "Items" to add items manually everything is OK. but when I try to use DataSource to add Items using an Action remotely a console error is happened as "Uncaught TypeError: Cannot read property 'slice' of undefined".
JSON items is received and nothing is shown because of that error.
Please HELP

Currently to close the colorPicker manually, we have to do ".kendoColorPicker('close')", however the rest of the dropdowns/combos uses ".kendoPopup('close')".

It will be great to support it as well with colorPickers to allow closing of all popup elements on scroll with a uniform solution

It would be awesome to have the DropDownList automatically open upon focus and if filtering is enabled the focus/select the filter textbox.

This is great from a data entry standpoint where keyboard Navigation like Tab keys are used.

Maybe a property lag like OpenOnFocus=true

Please consider adding pagination to the multi-select dropdown and also the select all, deselect all options to appear inside the dropdown instead of below the input field.

The keyboard navigation in drop down lists is currently inconsistent based on the widget configuration.  When not filterable, the drop down allows you to type the first letter of one of the options in order to select it when the drop down is closed.  For example, tab to the drop down, do not open it, and type 'b' to select Bob. 

When the drop down is filterable, that behavior does not work.  You must use alt-down to expand the drop down and then begin filtering.  

I propose that the widget can consistently handle both cases by detecting whether the drop down is currently open in the keydown handler.  If filterable, and open, move into the filtering logic.  If filterable, and closed, stick with the standard selection logic.

Need to add configuration to display value which is combination of two or more properties or fields in dataSource. Just like valueTemplate in dropdownlist list but without html tags, like

$('#comboboxinput').kendoComboBox({
    dataSource:[{Name:"English (US)", Value:"en-US"}, {{Name:" Japanese (Japan)", Value:"ja-JP"}}],
    template:"<div>#=data.Name+' - '+data.Value#</div>"
    complexValueFormat:"data.Name+' - '+data.Value"
})

I was working on a project where I was asked to display large number of items on dropdown list so i was using template and valueTemplate confugurations, since the items was too large to scroll we decided to use combobox but the problem is unable to display complex values after selecting an item. Currently I'm looping through all items and adding a property DisplayName to each item before setting dataSource. This feature will be very useful and replace dropdownlist if dataSource is too large and complex value is to be displayed.

Populate selected items when using browser back buttons for both Html and MVC Wrapper versions

On MultiSelect have an option when they type in a complete name and then blur out to save that name.

It works if they hit enter or tab. But if they don't (like if they immediately press the Submit button), then it looks it took their entry but it really did not.

ComboBox and DropDown are different because the first allows you to enter values non in list, but if you are using Cascading ComboBox, entering a value non in list in the first choice, the second choice is disabled. I'like to have cascading for values in list with option for inserting values non in list.

the multiselect control should have the possibility to define elements as not editable (readonly) so that those elements can not be removed while other elements can be removed or new elements can be added.

I would love to see the ability to disable/enable items in the DropDownList dynamically at run time.  We have complex validation rules in our UI that need to prevent the user from using certain items if other options are selected.  

The big problem is the DropDownList doesn't let me enable/disable items or add/remove them. 

This means instead of having a few change events wired up to enable/disable items, I need to do it in complex validation rules.

I think the ability to disable/enable items would be a valuable feature to the kendo framework.

Regards,

Scott

Hi guys! I am glad to be back with another feature suggestions for future Kendo UI releases. I am currently working on a project for a client using Kendo UI Multiselect control. The client's pizza ordering system has an interesting feature for selecting double or single portion ingredients. Currently, I'm only able to display the selected items individually, so what it means is that in the selected items, you see 2 of those same items. Perhaps in the future release, can you have some sort of checking to see if there is double entries, and group those into something like "Cheese (x2)". Honestly, this will make Multiselect so much more cooler!! And when the user decides to click on the "X" beside the item with double items, it simply removes one of the selected items by removing the ",id", and then removes the (x2) text. And ofcourse, for better user experience, Kendo UI Multiselect should automatically calculate the number of a single id has been added everytime the user selects the same item.