Questions on UI for ASP.NET MVC Forum

0 answers

12 views

DataSourceRequest serialization and deserialization

Good morning,
i am using MVC.ASP net in my project and i'm trying to send the DataSourceRequest to a service , via rabbitmq.

the message should contains all the request filters set in the ui in order to create an excel report. i have tried to use the System.Text.Json serialization but it's not working properly. it serializes only the first level props.
i have found a ".ToJson" extension but it's returning a Dictionary<string, object>, not usefule here.

can you suggest how to serialize the DataSourceRequest in Json format? with all nested and recursive properties?

the filters can be about dates, strings, combobox, and so on

thanks in advance

Calendar

ComboBox

Date/Time Pickers

asked on 23 Jul 2025

0 answers

60 views

Determine the type of Keno Control from Javascript

Is there a way to determine what kind of kind of control you have using JavaScript. For example , if you have a form with several different kendo controls

.data("kendoNumericTextBox")

.data("kendoComboBox")

.data("kendoButton")

I only have the name and id of the control. Is there a way to determine what kind of kendo control that is represented.

I have tried looking through the jquery selection but I do not see any thing that indicates whether the selection is a kendoNumericTextBox, kendoComboBox etc...

ComboBox

asked on 12 May 2024

0 answers

79 views

How do you emulate a user typing input into a combo box?

My page has a combo box. As the user selects an ID from the dropdown list, the page populates with information corresponding to the entry. It is an AJAX bound combo box. I am trying to make the combo box get auto populated with an ID from my query string on initialization.

I've tried setting the .Value field of the combo box. This works to automatically select the correct ID and populate the rest of the page, but only when the ID exists in the data source. My AJAX call returns data based on the partial/full ID passed in, and a list of a few most recent ID's if no input ID is specified.

I believe this will work if the ID exists in the data source prior to setting the value field of the combo box. But for that to happen, the combo box must use the ID from the url to fetch the data source, similar to what happens when a user manually types that ID into the combo box. However, I am struggling to figure out how to pass in a specific ID when the combo box is responsible for making the AJAX call.

I would appreciate any advice or other suggestions to getting the intended behavior.

ComboBox

asked on 27 Feb 2024

1 answer

136 views

Combobox: prevent selection on arrow navigation like in the multiselect control

Hello,

Is it possible to prevent the automatic selection event when navigating in a combobox using the arrows keys, just like in the multiselect example here: https://demos.telerik.com/aspnet-mvc/multiselect/events ???

ComboBox

answered on 10 Apr 2023

0 answers

79 views

Dynamic creation of kendoComboBox

We are currently trying to upgrade from 2019.3.917 to 2023.1.117

Some code that worked fine in the old version is failing in the new with error in kendo.combobox.js line 1221

Error message
Uncaught TypeError: Cannot read properties of undefined (reading 'renderButton')

Line 1221

values: kendo.cssProperties.roundedValues.concat([['full', 'full']])

the debugger is highlighting the second 'full'.

Our code is quite complex but commenting most of it out I get the same thing so a simplified version:

Our html page has this input

Then our javascript to create the combobox is

var $combo = $("#departments);

objKendoCB = $combo.kendoComboBox();

The second line results in the error. (the actual code sets lots of properties but I removed them one by one to end up with an empty method call).

Any ideas welcome!

ComboBox

asked on 06 Mar 2023

0 answers

111 views

Noob question: How to understand what the options do?

I am new to Kendo UI for ASP.NET MVC. How can I learn about all of the options for the HTML helpers?

For example, I see code like this in our codebase:

@(Html.Kendo().ComboBox()
.Name("combobox")
.DataTextField("ProductName")
.DataValueField("ProductID")
.DataSource(source => {
source.Read(read =>
{
read.Action("Products_Read", "ComboBox").Data("foo");
});
})
)

I'd like to understand the line that says "read.Action("Products_Read", "ComboBox").Data("foo");".

I see there is documentation out there, like:
https://demos.telerik.com/aspnet-mvc/combobox - shows the code
https://docs.telerik.com/aspnet-mvc/html-helpers/editors/combobox/overview
https://docs.telerik.com/aspnet-mvc/api/combobox
https://docs.telerik.com/aspnet-mvc/api/datasource

But even in the API documentation, I'm not seeing anything that explains what "read.Action().Data("foo")" does.

I see documentation that says, for example:
DataValueField "sets the field of the data item that provides the value content of the list items".
and
DataTextField "sets the field of the data item that provides the text content of the list items".

Those are the same definitions except for the word "value" and "text" have changed. How do I find out what that means?

Any tips for coming up to speed on this?

ComboBox

asked on 13 Nov 2022

0 answers

142 views

Combobox in kendo grid not returning the text value, instead it returning the value field. Below is my code

In Main View

==========

columns.Bound(p => p.HuomName).Width(50).ClientTemplate("#=HuomName#").Title("H.UOM").Filterable(false).EditorTemplateName("HuomTemplate");

In Editor Template View

=====================

@(Html.Kendo().ComboBoxFor(m => m)
.Placeholder("Select H.UOM")
.DataValueField("uomID")
.DataTextField("HuomName")
.HtmlAttributes(new { @class = "form-control", @tabindex = "6" })
.DataSource(source => {
source.Read(read =>
{
read.Action("getGridH_UOM", "Order").Data("hUomFilter");
}).ServerFiltering(true);
})
.Events(e =>
{
e.Change("on_H_uom_grid_Change");
})
)

ComboBox

Editor

Grid

asked on 03 Aug 2022

2 answers

152 views

Dropdownlist Virtualization Guid

How can i use the dropdownlist Virtualization with a guid id?

ComboBox

DropDownList

answered on 27 Jun 2022

1 answer

157 views

CascadeFrom not refreshing filtered list

Here's the definition of the two items that are linked by the CascadeFrom:
items.Add().Field(f => f.Country)
.ColSpan(1)
.Name("cmbCountry")
.Editor(e => e.ComboBox()
.AutoWidth(false)
.DataTextField("name")
.DataValueField("id")
.BindTo(@CountryModel.Countries)
.Placeholder("--- Select or Type Country"));
items.Add().Field(f => f.StateProvince)
.ColSpan(1)
.Name("cmbStatesProvinces")
.Editor(e => e.ComboBox()
.AutoWidth(false)
.AutoBind(false)
.Placeholder("--- Select State/Province ---")
.DataTextField("name")
.DataValueField("id")
.DataSource(dS => dS.Read(read => read.Action("GetStateList", "Address").Data("filterState")).ServerFiltering(true))
.CascadeFrom("cmbCountry")
@*.BindTo(@StatesProvinces.StateProvince)*@
);

Here's the AddressController.GetStateList:

public JsonResult GetStateList(string? Country)
{
JsonResult? retval = null;
if (!string.IsNullOrEmpty(Country))
{ var Country_ID = CountryModel.Countries.Where(s => s.name == Country).ToList()[0].code;
var State = StatesProvinces.StateProvince.Where(s => s.countryCode == Country_ID);
retval = Json(State.Select(s => new { id = s.id, name = s.name }).ToList());
}
else
retval = Json(StatesProvinces.StateProvince);

return retval;
}

This works for the first Country that is selected... afterwards - if the Country is changed, the GetStateList is not called again to refresh the related/CascadeFrom Combobox.