Unplanned
Last Updated: 11 Jan 2021 17:39 by ADMIN
Created by: Wei
Comments: 0
Category: DropDownList
Type: Feature Request
4
I would like a boolean AutoWidth parameter that controls the width of the popup element of the dropdown and adjust its width based on the data. 
Duplicated
Last Updated: 18 Dec 2020 09:51 by ADMIN
Created by: Cindy
Comments: 2
Category: DropDownList
Type: Feature Request
3
Planned
Last Updated: 17 Dec 2020 23:35 by ADMIN
Scheduled for 2.24.0
Created by: Ben
Comments: 3
Category: DropDownList
Type: Feature Request
15

Hi,

Is it possible to implement search/look-ahead in the current version of the DropDown component? If not, will you be adding this feature soon?

Thank you.

Ben

Unplanned
Last Updated: 03 Dec 2020 13:41 by ADMIN

At the moment, typing with the keyboard focuses the first item that starts with the last letter you pressed. To focus the next one you should either use Down Arrow, or type the same letter again.

I would like it to behave like the regular <select> or like a combo box with filtering - typing characters quickly should highlight the item that begins with all those characters, instead of using only the first letter.

Unplanned
Last Updated: 23 Sep 2020 16:12 by Ayush
Created by: Eugenie
Comments: 3
Category: DropDownList
Type: Feature Request
12
I would like the DropDownList to automatically detect the boundaries of the screen in order not to truncate items when the popup is opened.
Unplanned
Last Updated: 01 Jul 2020 08:18 by ADMIN
Created by: Svetoslav
Comments: 0
Category: DropDownList
Type: Feature Request
5

Hello everyone,

We have opened this Feature Request to gather your insights on the addition of disabled items for the DropDownList.

As a workaround, for the time being, you could use the following code snippet. It would prevent the user from clicking on the item with the mouse, but navigating with the keyboard and selecting it would still work.

<style>
    .disabled-item {
        color: #D3D3D3;
        width:100%;
    }

    /* remove default padding so the user can't click the underlying element outside the template
        Note: this will also affect other dropdowns on the page
    */
    .ddl-item {
        padding: 4px 8px;
    }

    .k-popup ul.k-list li.k-item {
        padding: 0;
    }
</style>

@TheValue
<br />

<TelerikDropDownList Data="@myDdlData" TextField="MyTextField" ValueField="MyValueField" @bind-Value="@TheValue">
    <ItemTemplate>
        @{
            MyDdlModel item = context as MyDdlModel;
            <div @onclick:preventDefault="@item.IsDisabled" 
                 @onclick:stopPropagation="@item.IsDisabled"
                 class="@( item.IsDisabled ? "disabled-item ddl-item" : "ddl-item" )">
                    @item.MyTextField
            </div>
        }
    </ItemTemplate>
</TelerikDropDownList>


@code {
    int TheValue { get; set; } = 2;

    public class MyDdlModel
    {
        public int MyValueField { get; set; }
        public string MyTextField { get; set; }
        public bool IsDisabled { get; set; }
    }

    IEnumerable<MyDdlModel> myDdlData = Enumerable.Range(1, 20).Select(x => new MyDdlModel
    {
        MyTextField = "item " + x,
        MyValueField = x,
        IsDisabled = x % 3 == 0
    });
}

Completed
Last Updated: 16 Apr 2020 07:53 by ADMIN
Release 2.11.0
Created by: Anne
Comments: 2
Category: DropDownList
Type: Feature Request
5
I had the same issue in general on Blazor with a text box, they are fixing this in 3.1 https://github.com/aspnet/AspNetCore/issues/11914. There is a workaround and I have confirmed that textboxs on 3.1 textboxes work without the workaround. I'm doing a trial of Telerik's Blazor components and noticed the same validation issue existed so I had to put back in the workaround to fix it. It would be nice if this workaround wasn't required.
Completed
Last Updated: 10 Jan 2020 13:50 by ADMIN
Release 2.6.0
Created by: Michael
Comments: 3
Category: DropDownList
Type: Feature Request
1

As stated in the documentation the Event OnChange for DropDownList is shown by intellisense but should not be used. However, in some situations it would be very useful to bind the value of the DropDownList and additionally have an event when the value changes, e.g. show additional inputs when a value is selected.

 

Currently it is either possible to have data binding to value by @bind-Value or listen for the changed event by using Value and ValueChanged.

Completed
Last Updated: 08 Jan 2020 16:13 by ADMIN
Release 2.6.0
The idea is that the hint text (like "choose a product from the dropdown") and the default value the component will have, should be independent of the model it is bound to. This simplifies providing such a value and better supports view-model scenarios where the validation happens in the view-model and the actual model may not even be able to take the same values, because it relies on app logic to protect it.

The most obvious example is a required field - it must be nullable so required validation works, but the actual model may have to be non-nullable.
Declined
Last Updated: 18 Oct 2019 15:50 by ADMIN
Created by: Marcel
Comments: 1
Category: DropDownList
Type: Feature Request
3
 if "PopupHeight" is not specified it should take "Auto" as the default value instead of a static height in px

This will allow the dropdown to be large enough to fit a reasonable number of items without a scrollbar. Alternatively, you could limit it through a pixel value you can set, or through the MaxPopupHeight property if it gets implemented: https://feedback.telerik.com/blazor/1412653-maxpopupheight.

Unplanned
Last Updated: 18 Oct 2019 15:25 by ADMIN
Created by: Naira
Comments: 3
Category: DropDownList
Type: Feature Request
2

Is it possible to drop dropDownList from outside, for example after its data has been changed, without clicking on it ?

ADMIN EDIT:

This feature is also applicable to ComboBox, AutoComplete and Multiselect components.

Completed
Last Updated: 12 Sep 2019 04:50 by ADMIN

Add the ability to make the drop down list expanded contents wider than the closed control, or just automatically determine appropriate width (doesn't always work well for very long text fields, so you need both properties).

 

See:  https://demos.telerik.com/aspnet-ajax/combobox/examples/functionality/dropdownconfigurator/defaultcs.aspx

 

Completed
Last Updated: 03 Jul 2019 11:47 by ADMIN
Release 1.3.0
Created by: Andrew
Comments: 0
Category: DropDownList
Type: Feature Request
4

Posting this feature request as per your suggestion in my original forum post at: https://www.telerik.com/forums/data-source-using-scalar-list

I would like the DropDownList component to support lists of scalar values as data source. I.e:


<TelerikDropDownList Data="@MyList" bind-Value=@MyItem>

</TelerikDropDownList>
 
@functions {
    protected List<string> MyList = new List<string>() { "a", "b", "c" };
 
    protected string MyItem { get; set; } = "b";
}

The DropDownList would infer the scalar type from the Data property. The TextField items shown in the list (and the associated ValueField) would be the same: i.e. the value of each scalar in the list.

Unplanned
Last Updated: 11 Jun 2019 12:05 by ADMIN
Created by: Marcel
Comments: 1
Category: DropDownList
Type: Feature Request
11

Right now when a DropDownList has PopupHeight="Auto" the popup gets the height necesaary to display its items properly.

But when there are many items the popup also displays all items without a vertical scrollbar (maybe over the entire page and beyond), which is not good.

 

My suggestion would be to add a property for specifyig a "MaxPopupHeight" to limit the growth of the popup.

Also if "PopupHeight" is not specified it should take "Auto" as the default value instead of a static height in px, instead give the new "MaxPopupHeight" a limiting default value.