I am working on a page that has a Telerik UI for MVC ComboBox. Currently the ComboBox does not keep user input once the datasource has returned any value from the database. Even if you reload the page, the ComboBox will remember the value from the Datasource and delete any user input once the focus is changed to another input field.
I need the ComboBox to keep user input if they do not select a value from the Datasource populated drop-down. Any help would be appreciated.
So I found the answer on the Kendo UI API reference. If you set the .SyncValueAndText(boolean) to false it will allow custom text to stay in the ComboBox. By default this value is set to true which binds the text and value together.
Here is a link to the API Documentation:
https://docs.telerik.com/kendo-ui/api/javascript/ui/combobox/configuration/syncvalueandtext
Related
(MVC Razor) So on my page I have a Kendo grid which contains a DropDownList within a certain column. Now I don't want to fill data of my dropdownlist from controller (With Viewbag/ViewData) before the page loads because it would slow it down, but instead I'd like to fill the DropDownList data on user click with a call to a controller function, and call the read method only once(on first click). How would I be able to achieve this goal?
Set autoBind property to false. It will cause that dropdown will not be filled by data before user click on it.
After component is initialized dataBound event is started so you can set readonly in it.
Demo here
I have a problem with the kendoUI combo box control –
The combo allows to type text which is not in the datasource.
But, if I put in text that is not in the list after choosing a item that is in the list – the value is deleted.
Can anyone help me out with the issue?
im having the same problem as this one:
Setting default value of a dropDownList
i have dropdownlist on my grid but it does not save the selected value into the data source.
Unlike the textbox where i can do it using
container.find("input[name=Code]").val(d.Code).change();
this dont work on dropdownlists, and if i use .select(d.Code) it does select the value on dropdown but does not save it into datasource.
thanks in advance
We are using Kendo UI MVC and need to filter a large number of records and display them in a read-only DataGrid. The page has MultiSelect widgets that each let the user select from a list of distinct values for a specific database column. After the user has entered his selections in the MultiSelect widgets he will click a 'refresh' button to update the grid. The Grid's DataSource.Ajax.Read method should pass the user's selections to the server and display the results in the Grid.
I know how to populate the MultiSelect widgets and how to return data from the server via Ajax but I'm unclear on how to pass the user's selections to Grid.DataSource.Read().
What is the best way for the button to pass the user's selections to the DataSource, fire the Read method, and display the results in the Grid?
EDIT: Putting the widgets inside the Grid's ToolBar will meet our needs.
Embed the widgets in Grid.Toolbar.Template
I am using the Kendo Grid where i need to display dropdownlist as one of the column in the grid to allow users to select State. Here the source of the State can be different for each record. The source of the state is different based on TaskInstanceId property of the record.
The problem i am having is in the popup edit mode the dropdownlist column is not being displayed. And in the inline edit mode dropdownlist is not being displayed until i go in the edit mode. Until i go into edit mode it displays textbox with no value in the textbox.
Please find the sample project attached with this email.
Regards,
Sanjay Patel