Now autocomplete can not use to suggest email input, just like I input my name, the widget can show myname@xxx1.com, myname@xxx2.com, myname@xxx3.com like this, and the data will be only [{"email":"@xxx1.com"},{"email":"@xxx2.com"},{ "email":"@xxx3.com"}]
Currently when a combo box is used on an edit form, when the combo box first loads, the value property it is bound to (e.g. an int id) is displayed as the text until the databound event fires, and the text value associated with that value can be loaded. It gives the combo boxes an unprofessional look, as they briefly display a number until they are done loading. It also creates some other problems when you have a custom filter function, as described here: http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=781390 I recognize that you would not want to change the default behavior since it would be a breaking change, but could you add a flag to toggle this behavior off. You could add a property called "DefaultTextToValue" which is set to True by default, and if you set to false, the display would remain blank until the text value was set by the databound event.
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.
I would like to assign multiple values to "dataTextField" property as a part of kendoAutoComplete widget initialization process. This will enable to search and filter values across multiple data fields.
The default behaviour of select elements is to open up with a space-keypress when the elemented is selected (focused).
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.
When bound to oData, the autocomplete contains filter should treat each WORD as a new "substringof"....or make a new odata advanced contains type\property. This is more what users expect when searching...and the odata spec has it covered. http://www.kendoui.com/forums/ui/autocomplete/odata-google-like-filter.aspx
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.
Currently multiselect increases its height to accommodate all selected values. Can you please provide a way where it reverts back to its height after selecting all values and shows 1 value and count for rest of the values selected? Here is a screenshot: http://s11.postimg.org/ur5qqy5lv/Multi_Select.png You can see it's implementation selecting values in "Type Location or Project" multiselect on Residential Tab http://www.99acres.com/
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
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.
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
The combobox currently doesn't react on the disabled-attribute for options. It should be possible to make single options visible but not selectable with this attribute as in original html-select: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_option_disabled I found no way to do this yet.
I want dropdownlist to have group by with 2 fields
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
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
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"
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.
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.
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.