Completed
Last Updated: 11 Jun 2019 13:23 by ADMIN
Release 2019.R2.SP.Next
Hello Patrick,

Thank you for your feedback. I managed to reproduce the scenario in this Dojo example. The current behavior looks like a bug. Therefore I have converted this thread to a Bug report in our Feedback portal. I also provide you a link with the issue to our public GitHub repository where you can also find further information on the matter. Until the bug is fixed, I would recommend you not to use 0 as grouping criteria in you project.

I also updated your Telerik Points as a thank you for your feedback.

Regards,
Veselin Tsvetanov
Progress Telerik
Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Completed
Last Updated: 29 Jan 2019 08:42 by Dimitar

The "change" event on DropDownList is being triggered when the value change of the widget is via API and not triggered by user interaction.

Steps to reproduce:

https://dojo.telerik.com/oKeBEZUN

  1. Manually select a value for category (like Category 4); a console item should be written for user change
  2. Click the "change doc to empty" button which clears the category
  3. Click the "change doc to values" button which programmatically sets the category

Expected: a log item is NOT added because the change was programmatic and the log item is triggered on "change"
Actual: a log item is added even though the value change was programmatic

The change detection inside the select widget is faulty in that it seems to be effected by focus/blur state.

This issue was found after upgrading kendo UI.  I believe the issue was introduced in 2018.1.117

Approved
Last Updated: 25 Jan 2019 12:56 by ADMIN

Hello,

Drop down widget is defaulted to first option even though ng-model is undefined, in case where we bind same value to k-data-value-field and k-data-text-field.

Please have a look on the below sample code where you can find issue. My expectation is drop down should not default when model value is not assigned. 

 

Code:

                                                          

<!DOCTYPE html>
<html>
<head>
    <base href="https://demos.telerik.com/kendo-ui/dropdownlist/angular">
    <style>html { font-size: 14px; font-family: Arial, Helvetica, sans-serif; }</style>
    <title></title>
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.common-material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.min.css" />
    <link rel="stylesheet" href="https://kendo.cdn.telerik.com/2019.1.115/styles/kendo.material.mobile.min.css" />

    <script src="https://kendo.cdn.telerik.com/2019.1.115/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.115/js/angular.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2019.1.115/js/kendo.all.min.js"></script>


</head>
<body>
<div id="example" ng-app="KendoDemos">
    <div class="demo-section k-content" ng-controller="MyCtrl">
    <input kendo-drop-down-list
            k-data-text-field="'name'"
            ng-model="data"
            k-data-value-field="'name'"
            k-data-source="productsDataSource"
            style="width: 100%"></input>


</div>
</div>

<script>
  angular.module("KendoDemos", [ "kendo.directives" ])
      .controller("MyCtrl", function($scope){
   // $scope.data=0;
    $scope.productsDataSource = new kendo.data.DataSource({
                        data: [{
            'name':'Active','id':0

          },{'name':'Cancel','id':1}]
                    }
                );





      });
</script>


</body>
</html>

 

 

 

 

 

Declined
Last Updated: 10 Jan 2019 18:29 by ADMIN

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

Under Review
Last Updated: 28 Nov 2018 15:43 by ADMIN
Created by: IT
Comments: 14
Category: DropDownList
Type: Feature Request
62
Check out this idea. It may help solve this issue and help with UI presentation.
http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/3767009-treeview-in-combobox

Admin edit: A Knowledge Base article that shows how you can achieve this: https://docs.telerik.com/kendo-ui/knowledge-base/disable-multiselect-items

Pending Review
Last Updated: 13 Nov 2018 18:12 by ADMIN
Created by: Dave
Comments: 0
Category: DropDownList
Type: Feature Request
26
A kendoDropDownList places an arrow to the right of the <select/> element, indicating it's a dropdown (.k-i-arrow-s). It would be cool if kendoMultISelect did the same thing. 
Clicking the <select/> element or the arrow should also toggle the visibility on the list items.

See http://stackoverflow.com/questions/31825788/kendo-multiselect-to-have-arrow-icon-and-behavior-to-close-on-click .
Pending Review
Last Updated: 24 Jul 2018 06:11 by Girija
Created by: Girija
Comments: 0
Category: DropDownList
Type: Feature Request
1
find below appcomponent.html code: <kendo-dropdownlist [defaultItem]="defaultYear"
 [data]="budgetYears"
[valueField]="budgetYears.value">
</kendo-dropdownlist>

and in appcomponent.ts file:
public budgetYears: Array<{ value: number }> = [
        { value: 2019 },
        { value: 2020 },
        { value: 2021 },
        { value: 2022 },
        { value: 2023 },
        { value: 2024 },
    ];

as mentioned above I have provided the mentioned codes but I am not getting the binded values. Instead of that I am getting [object Object]. Why it is so and where I am doing mistake. Please provide me a solution for this. Thanks 
Pending Review
Last Updated: 28 Jun 2018 23:13 by ADMIN
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
Pending Review
Last Updated: 11 Jun 2018 20:23 by ADMIN
Created by: Lala
Comments: 0
Category: DropDownList
Type: Feature Request
4
I'd like to be able to select multiple consecutive items by SHIFT + CLICK
Completed
Last Updated: 16 May 2018 17:34 by ADMIN
Created by: skorpion
Comments: 33
Category: DropDownList
Type: Feature Request
94
New control ComboBox with CheckBoxes
Pending Review
Last Updated: 04 Apr 2018 15:21 by ADMIN
Created by: Imported User
Comments: 2
Category: DropDownList
Type: Feature Request
13
It would allow selected items(Tags) to be displayed as well as add new ones or select ones from an autocomplete dropdown.
Pending Review
Last Updated: 15 Feb 2018 21:56 by ADMIN
Created by: Maja
Comments: 1
Category: DropDownList
Type: Feature Request
14
Pending Review
Last Updated: 08 Feb 2018 15:04 by ADMIN
Created by: Imported User
Comments: 0
Category: DropDownList
Type: Feature Request
7
Would be nice to allow selecting items from multiselect several times
Pending Review
Last Updated: 15 Dec 2017 08:16 by ADMIN
Adjust KendoDropDownList so that when the mouse scroll wheel does reach the end of the list the focus does not jump out of the control and scroll the form.
Pending Review
Last Updated: 07 Dec 2017 18:32 by Mike
Created by: Mike
Comments: 0
Category: DropDownList
Type: Feature Request
1
Add support for autoScroll to DropDownList options, such that the list scrolls when the mouse pointer reached the top of bottom of the container. Currently, autoScroll: true has no effect on that component. 

Mouse wheel scrolling of the options is not obvious to users, causing some to miss options that overflow the container.
Pending Review
Last Updated: 10 Nov 2017 23:08 by ADMIN
Created by: Imported User
Comments: 3
Category: DropDownList
Type: Feature Request
10
I'd like to add separators between groups of items in a select / kendoDropDownList. Also known as a horizontal line or delimiter.
The same question was asked here by someone else: http://www.telerik.com/forums/separator-in-dropdownlist
The answer was that this is not supported.
Pending Review
Last Updated: 07 Nov 2017 14:16 by ADMIN
Created by: Andre
Comments: 0
Category: DropDownList
Type: Feature Request
5
The problem with relying on maxlength that is built into HTML elements is that they do not work in instances where you are rendering multiple inputs as with the kendo-combo-box. If I set the max length, it sets the max length of the select, which is does nothing. It needs to transfer that maxlength to the input text which is rendered along with the select.

Yes, there are workarounds, but when you are using the controls in an angular mvvm environment where you write little to no jquery, the simplest fix should be to have the control code render the input fully given the information provided.

TLDR:
If given <select kendo-combo-box maxlength="3"
please generate <input class="k-input" type="text" maxlength="3"
Pending Review
Last Updated: 31 Oct 2017 15:29 by ADMIN
Currently the data-* attributes on the <option> tags are removed by the kendoDropDownList widget.
Please pass them through so they can be used.

After searching the kendo.all.js I found that there is currently no way the custom data-* can be added into the generated html code.

I'm using MVVM for a rather large SPA. Some parts of the SPA is generated on the server (webservice) which is just a partial html. Which looks like (simplest one):
<select data-role="dropdownlist" name="ProductTypeID" class="k-textbox">
	<option value="9" data-cond="DependsValue(ProductTypeCategoryID,1)">Compliments cards</option>
	<option value="1" data-cond="DependsValue(ProductTypeCategoryID,1)">Flyers</option>
	<option value="3" data-cond="DependsValue(ProductTypeCategoryID,3)">Brochures</option>
	<option value="25" data-cond="DependsValue(ProductTypeCategoryID,6)">Roll-up banners</option>
</select>

In this case the data-cond is an attribute in which there is a (javascript) function that should be run to determine if this option is valid or not (it is made hidden if not).

I was trying to convert this into a datasource which can be bound to the dropdownlist, but this has several drawbacks. The most important are:

- There are almost 60 different of these kind of dropdowns that can be generated from the server; This means a lot of extra code and webservices.

- Calling the webservice for each of them is way to slow since each field changes conditional values of other fields, and so the server would be called way to often. But on the client side this runs way faster. Even in javascript.

- The data-* attributes should be supported accordingly the html5 standard to my humble opinion :)

I found two questions regarding this, but both where unanswered.

I add them here for you comfort :)

http://www.telerik.com/forums/converting-standard-select-element-to-kendodropdownlist-removes-additional-properties-from-option-such-as-data-

http://www.telerik.com/forums/how-to-access-data--attributes-in-a-option-after-converting-select-to-a-dropdownlist
Pending Review
Last Updated: 10 Oct 2017 13:17 by Maxime
Created by: Maxime
Comments: 0
Category: DropDownList
Type: Feature Request
1
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
Pending Review
Last Updated: 07 Sep 2017 23:27 by ADMIN
Created by: Allan
Comments: 0
Category: DropDownList
Type: Feature Request
3
I'm using your demo to reproduce the issue.  

When the user enters a value into the categories and tabs, the focus is not placed in the products field, instead it goes to the View Order button.  This makes using the cascade "feature" very difficult for users.  The focus should go products so they can further refine the search.  And then finally to orders.  But each time they tab they have to move the cursor back to the next field.

Also, since the product and order fields are disabled it prevents user from entering data (even if they know the correct value).  Is there a way to leave the cascade functionality whilst leaving the "child" fields enabled?  We were using it in a Region, Country, City filter, but because of these issues we have had to remove the cascade.

Expected behavior would be to leave all the fields enabled, if the user selects a category, then the subsequent fields (products and orders would be filtered to the selection) so that when the user starts typing in those the parent filter is added to their filter.

Whilst we are discussing filters, why if the filter is narrowed to a single item is it not automatically selected?  Currently the user has to filter, then select the item and then tab.  We have had numerous "bug" reports raised because the user didn't select before tabbing even though the item is the only one in the drop-down and appears to be selected.

Similarly the Mutliselect filter allows typing values, and even when the user selects the value in the dropdown and is added to the selected list, the typed text remains, making the mutliselect field value invalid on submission. 

Repro:

Open page: CascadeComboBox
Move focus to Categories combo (i used my mouse)
Type 'p' which opens the combo and shows 3 items starting with p
Select 'Products' using the down arrow (field now displays Products)
Click Tab
Focus moved to View Order button and NOT Products field.
Using the mouse to select a value works fine, but our users don't want to have to use the mouse as this slows down data entry.
1 2 3 4