Declined
Last Updated: 16 Jan 2020 12:09 by ADMIN
Created by: Julian
Comments: 1
Category: DropDownList
Type: Feature Request
1

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!

Approved
Last Updated: 29 Nov 2019 14:32 by ADMIN
Created by: Bhuvan
Comments: 1
Category: DropDownList
Type: Feature Request
0

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.

Declined
Last Updated: 16 Apr 2019 12:12 by ADMIN

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));
    }
}

Pending Review
Last Updated: 18 Mar 2019 10:26 by ADMIN
Created by: gary
Comments: 1
Category: DropDownList
Type: Feature Request
1

Is there any way to set error focus on the selected items in multi select component.
And after that, user can take immediate action to update the value, say auto Open the drop down dialog and go to the selected item.

Pending Review
Last Updated: 06 Nov 2018 01:48 by ADMIN
Currently keyboard navigation in Multiselect is a bit limited in comparison to the same functionality in Multiselect in Kendo UI for jQuery. 

It would be great if the shortcuts in Multiselect in Kendo for Angular matched shortcuts in Multiselect in Kendo UI for jQuery.
Pending Review
Last Updated: 26 Oct 2018 12:50 by ADMIN
Created by: Chrisons
Comments: 0
Category: DropDownList
Type: Feature Request
3
The desired feature is partially implemented for single selection only and with no functionality on the nested grid.We would like a multiselect DropDown box with searching functionality and when clicked to make a selection, a grid will be displayed with sorting, searching, pagination and filtering functionality.We strongly believe that this kind of functionality is necessary for enterprise grade applications with complex forms.
Thanks in advance.
Pending Review
Last Updated: 02 Nov 2018 20:10 by ADMIN
Created by: Imported User
Comments: 0
Category: DropDownList
Type: Feature Request
5
It would be very important to customize keyboard navigation for autocomplete? Some users are used to different navigation than default.



https://www.telerik.com/kendo-angular-ui/components/dropdowns/autocomplete/keyboard-navigation/

For example I would like select highlighted item by pressing "Tab" not "Enter".
Approved
Last Updated: 16 Oct 2019 08:04 by ADMIN
Created by: Venkatesh
Comments: 1
Category: DropDownList
Type: Feature Request
10
Can we have the MultiColumnComboBox (already available in Kendo UI JQuery) in Angular 2+ please..
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: 17 Apr 2018 18:28 by ADMIN
Created by: Justin
Comments: 0
Category: DropDownList
Type: Feature Request
7
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);
Pending Review
Last Updated: 22 May 2018 13:35 by ADMIN
Created by: Jacky
Comments: 0
Category: DropDownList
Type: Feature Request
2
There's currently no way to change the style of a dropdown button to match the other "looks" of a regular buttons like "bare", "outline", and "flat".  It is important for a row of buttons to have the same look and feel.  Please add "look" property to dropdown buttons.
Pending Review
Last Updated: 02 Mar 2018 13:07 by Jörg
Created by: Jörg
Comments: 0
Category: DropDownList
Type: Feature Request
1
The current design of the DropDownList is not in line with Bootstrap. The dark background is very "aggressive" and distracts the user in a large form.

The styling should match the bootstrap design (of course in the Bootstrap Theme) or there should be an option to switch between your current and the "official" bootstrap design. 
Completed
Last Updated: 17 Jul 2018 15:36 by ADMIN
Pending Review
Last Updated: 21 Mar 2018 15:25 by ADMIN
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.
Pending Review
Last Updated: 10 May 2018 14:33 by ADMIN
Created by: Imported User
Comments: 1
Category: DropDownList
Type: Feature Request
7
the value should be selected only by direct click on the option in the popup or with the enter or the tab keyboard button.

e.g.

- I open the options popup, I navigate with arrows and select a value A with enter.
- I reopen the options popup, I navigate with arrows until value B and I close the popup clicking away from it (or pressing Esc)

The selected value should be A, but it's B because the valueChanged event is fired anyway on the popup closing
Completed
Last Updated: 16 Apr 2019 15:21 by ADMIN
Created by: Jörg
Comments: 1
Category: DropDownList
Type: Feature Request
20
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.
Pending Review
Last Updated: 24 Sep 2017 23:11 by mark
Created by: mark
Comments: 0
Category: DropDownList
Type: Feature Request
1
Autocomplete SelectedItem template

The ItemTemplate allows for an informative list of values to be displayed to the user for selection.  For example an employee may be displayed as [first name last name (EmployeeNo)]

However when an item is selected from the list the autocomplete only shows the bound value (e.g. EmployeeNo).

It would be good if the selected item in the autocomplete control could be customised to be either:

- the same as the ItemTemlate
- customized via it's own SelectedItem template

For anything other than simple scenarios the usability of this control suffers without this feature.

Pending Review
Last Updated: 04 Sep 2017 09:19 by Jaap
Created by: Jaap
Comments: 0
Category: DropDownList
Type: Feature Request
1
When ComboBox popup is closed and the cursor is in the input field, you can use arrow up and down to select next/prev item in the list.
Allow the use the mouse wheel to do that (only when combobox has focus)
Pending Review
Last Updated: 05 Nov 2017 07:55 by ADMIN
Created by: J
Comments: 0
Category: DropDownList
Type: Feature Request
2
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.
Pending Review
Last Updated: 15 Aug 2018 08:35 by ADMIN
The Dropdowns, autocompletes and pretty much every component in the Kendo Angular 2 should allow the developer to specify a callback function in the [valueField] or the [textField] attributes so we can use complex objects with these components.  

This way, we could do this:
//template

<kendo-autocomplete [data]="nodes"

                        [valueField]="getDataValue"

                        [placeholder]="'search'"

                        class="search">

</kendo-autocomplete>

//class

public getDataValue(node: any): string {

  return node.getData().getName();

}

This functionality is available on almost every other component set out there, but is somehow missing from Kendo.  It makes the components almost useless outside of running simple plunkr examples that work with contrived data objects with very little depth.  In the real world, particularly with typescript, data object hierarchies are commonplace and this is simply a must have feature.
1 2