It would be good to have an option for clear "X" or whatever on the DropDownList. This is already on the ComboBox but not on the DropDownList. I can see the argument that having a blank option as the first option in the popover would work but that requires the user to open the popover and click a blank entry and forces all lists to have a blank item. 

I'm currently getting around this by wrapping the kendo component in my own component and using css to put a clear button on the kendo control. However, there is no public access to the needed functions to clear the control and have the angular zone update when in an on push state (Not sure about normal change detection strategy but I only use on push so...). Right now I have to cast the component to type any and then use the private functions on the component. See below. Access to either the proper method to do what I'm doing or adding a native clear would be really great. Really for all controls. I would be happy with just the access to the proper functions as it allows me to customize when and how the clear shows. 

this is what I'm doing for now that gets what I want. 

        this.dropDownList.reset();
        const dropdown = this.dropDownList as any;
        dropdown.valueSubject.next(undefined);

The current [maxlength] property just sets a control as Invalid if maxlength is exceeded.  But I'd prefer an option to just limit the number of characters the end user can enter, much like the maxlength property of <input>.  This should apply to all Kendo controls where user can type in text.

I have a usecase where the initial selected item is no longer present in the choices.
With the current behavior, the initial value is not displayed and the dropdown is empty.
Would it be possible to display the initial value with a 'disabled' css class in the dropdown?

Same for multiselects, etc.

Please provide a filed or other public property that allows to track the currently focused item for the DropDowns.

Thank you

Hello,

we want to show filtered data in the options list of the dropdown component and request a feature, to provide a filter callback function or the possiblity to pass different data sources to the component.

The use case is, that the dropdown should show existing values but when opening the dropdown list, the user should only be able to select a subset of the data source. Yes there is the possibility to disable items, but we want to complete hide them as a choice.

Currently we apply the workaround to filter the data on the open event and reset the data on the close event but we think, that this can be a common feature for the dropdown list.

Thank you!

Can we update the dropdownlist control to allow for a filter region template. This will allow, so that a custom component can be placed where the filter box is.

The use case that we have is to have our common input component, which has all the application styles pre-applied, be used for filtering. We can currently do this for grid component's filtering. But unlike grid filters, kendo dropdownlist does not allow for a template for the search region. This would be a good feature and consistent with other controls in the kendo library.

It takes lot of time for rending thousands of records from client side, some times browse gets crashed, causes performance issue. Virtualization support will help us to overcome this issue, as the same provided in Angular 1.x and Kendo MVC controls. Can you please provide virtualization support for Autocomplete & Multi Select controls.

Please add the colour picker component as per current jQuery widget.

Placeholder for dropdownlist could be a great thing, because defaultItem not have the same use. I just want to show text when nothing is select, but I do not want that the dropdownlist have nothing selected (or the defaultItem) when we have already selected an item. The defaultItem can be selected again and it is not the same use of placeholder.

Thanks for reading.

The dropdowns should provide an easy way to have certain items in the list as inactive. The easiest way could be an attribute. In addition to [textField] and [valueField] an [inactiveField] could be added.

If the assigned data field is a boolean the item in the list can be either enabled or disabled.

Reason for this request is, that those value lists often are dynamic, meaning that an item in the list could be superseded by a new one. But the existing records in the database still could reference the older item, but new records should be prevented from selecting the new item.

In the example below "X-Small" is initially the selected item in the dropdown.  Once you click the "Sort" button and sort the array, "2X-Large" becomes the highlighted item in the dropdown but "X-Small" is displayed.  I would expect that "X-Small" would be highlighted.  After opening and closing the dropdown "2x-Large" becomes the selected item even if you don't select it.  The same behavior does not happen with a simple select dropdown.

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
  <form>
    <div>
      <p>T-shirt size:</p>
      <kendo-dropdownlist [data]="listItems" [(ngModel)]="selectedShirt" name="shirtsize">
      </kendo-dropdownlist>
    </div>
    <br/>
    <div>
    <select [(ngModel)]="selectedShirt" name="shirtsize2">
      <option *ngFor="let d of listItems">{{d}}</option>
    </select>
    </div>
    <br/>
    <button (click)="sortArray()">Sort</button>
  </form>
  `
})
export class AppComponent implements OnInit {
    public listItems: Array<string> = ["X-Small", "Small", "Medium", "Large", "X-Large", "2X-Large"];
    public selectedShirt: string;
    ngOnInit(){
      this.selectedShirt = this.listItems[0];
    }

    sortArray(){
      this.listItems.sort((a, b) => a.localeCompare(b));
    }
}

It would be nice to be able to organize the content of dropdown list in categories, link car models organized by brand or cities organized by state or country.

The floating label for drop down in angular as in material.io.

The normal DropDown with its feautures would allow do multiselect its items or if the standard Multiselect would allow to avoid the linebreaks. A possible solution would be to add only one label with the text of the selected Items and an ellipsis when there get selected too many items to show all text, then you show the text hole text in the tooltip.

https://github.com/telerik/kendo-angular2/issues/160

I don't see the promised datepicker control in the January 18 release. Am I missing something?