Multiselect has undefined instead of table values

[Michael]

Hello,

I have this code on my index.cshtml:

@(Html.Kendo().MultiSelect()
    .Name("selectedmembers")
    .Placeholder("Please select the members on the job...")
    .DownArrow(true)
    .AutoClose(false)
    .DataTextField("MemberName")
    .DataValueField("MemberId")
    .Filter("contains")
    .DataSource(source =>
    {
        source.Read(read =>
        {
            read.Action("GetPeople", "Combo");
        });
    })
    )

And my GetPeople code looks like this:

public JsonResult GetPeople(string text)
{
    using (var db = new chilternModel())
    {
        var members = db.Members.Select(member => new Member()
        {
            MemberName = member.MemberName,
            MemberId = member.MemberId
        });

        return Json(members.ToList());
    }
}

When I run the code I get undefined as the text value.  The database is a mySql running locally.

I have checked the members variable and it has the appropriate information for a jsonResult to be returned, but the control seems to ignore the text field (and I assume the MemberId as well)

Thanks in advance.

Michael

[Michael]

Hi Ivaylo,

Thank you for the sample.  As soon as I started looking, I noticed the problem immediately.  I was missing the following line:

builder.Services.AddMvc().AddJsonOptions(options => options.JsonSerializerOptions.PropertyNamingPolicy = null);

As soon as I added this, it worked like a charm.

Thanks for all your help.

Michael

[Ivaylo]

Hi Michael,

First, I want to thank you for the code snippet and the details provided. 

I reviewed your code and replicated it in my environment, where the "MultiSelect" component functioned as expected. It correctly displayed the values of the members rather than showing "undefined."

I attached the sample app to this reply. You can try to reproduce it and if the issue persists, please provide more information about your code, and we will try our best to assist you.

I hope this information was helpful.

Regards,
Ivaylo
Progress Telerik