Edit Grid: Using DropDownList shows "Undefined" as the DataTextField

[Aron]

I have had great success with your GRID widget but I am having one problem.  I am unable to get the dropDownMenu to show the possible choices, “undefined” shows up for every choice.  I looked through many threads on this topic but could not find a solution for me.

I have a workable project where you can see this problem.  
I modeled this page after your demo:  http://demos.kendoui.com/web/grid/editing-custom.html

1. Login to site "http://life-renewal-test.org"  using ID=[e-mail]
2. Psw = friend!
3. Click "edit" near my Volunteer Offers to get to page manageVolunteerInfo.cshtml
4. Click on Type “Fund Raising” to get the dropdownMenu choices
5. All choices read “undefined”

The page data is sourced from:  http://life-renewal-test.org/friend/volunteerGridRead.cshtml
The dropdown data is sourced from: http://life-renewal-test.org/friend/volunteerTypeRead.cshtml

Thank you

[Alex Gyoshev]

Hello Aron,

The request for the DropDownList data yields text data, and the dataSource processes each character of the string as an item, therefore getting the "undefined" text/value. You can either set the correct response header on the server (so that the client-side knows that a JSON response is returned), or hint the $.ajax method through the dataType configuration option:

  dataSource: {
     type: "json", // this is an invalid datasource type and is ignored
     transport: {
         read: {
             url: "volunteerTypeRead.cshtml",
             dataType: "json"
         }
     }
  }

Greetings,
Alex Gyoshev
the Telerik team

[Aron]

Thanks for the tip.  That worked.
Basically, I added a Response.ContentType command at the server cshtml.
        Response.ContentType = "application/json";
        Response.Write(json);
        Response.End();