DropDownList + DataSource Binding Help

[Aleksander]

I have a Drop Down list initialized as:
$('#ddlSearchPNResults').kendoDropDownList({
        dataTextField: "Text",
        dataValueField: "Value",
        autoBind: false
    });

Then in my Ajax call I have the following:
$.ajax({
            url: '/Home/SearchPerson',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: '{ "personName": "' + personName + '" }',
            success: function (retData) {
                if (JSON.stringify(retData) != "[]") {
                    var ddl = $('#ddlSearchPNResults').data("kendoDropDownList");
                    ddl.dataSource.data = retData;
                    ddl.refresh();

                    $('#divSearchPNResults').show();
                }
            },
            error: function (xhr, tStatus, err) {
                //alert(err);
            }
        });

But when I see the dropdownlist its still empty.

Please help.

[Chris]

Have you tried using the setDataSource() method?

[mo2011ti]

Is there any answer to this?
how to use setDataSource() method???? i cant find it

thanks

[Chris]

Try changing your original code to this:

$.ajax({
            url: '/Home/SearchPerson',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: '{ "personName": "' + personName + '" }',
            success: function (retData) {
                if (JSON.stringify(retData) != "[]") {
                    var ddl = $('#ddlSearchPNResults').data("kendoDropDownList");
                    ddl.setDataSource(retData);
                    ddl.refresh();

                    $('#divSearchPNResults').show();
                }
            },
            error: function (xhr, tStatus, err) {
                //alert(err);
            }
        });

[mo2011ti]

Chris
Thanks a lot!
That was very fast.
Moti

[Chris]

No problem, hope it works!

[mo2011ti]

works! THANKS

[Chillax]

I am facing the same problem. My dropdown is not binding with the Ajax result. I am returning a List of my object. Here is the sample code.

Controller:
 public ActionResult SingleLevelOptions(int ParentID)
        {
            List<Models.Shared.SingleLevelOptions> OptionsList;
            Models.Shared.SingleLevelOptions obj = new Models.Shared.SingleLevelOptions();
            string username ="any user";
            OptionsList = obj.GetSingleLevelOptions(username, ParentID);
            return Json(new { OptionsList }, JsonRequestBehavior.AllowGet);
        }

View:
    <input id="ddlSearchPNResults" />

    <script type="text/javascript">
        $('#ddlSearchPNResults').kendoDropDownList({
            dataTextField: "OptionName",
            dataValueField: "OptionID",
            autoBind: false
        });
        $.ajax({
            url: '/Home/SingleLevelOptions',
            type: 'POST',
            contentType: 'application/json; charset=utf-8',
            dataType: 'json',
            data: '{ "ParentID": "' + 53 + '" }',
            success: function (retData) {
                if (JSON.stringify(retData) != "[]") {
                    var ddl = $('#ddlSearchPNResults').data("kendoDropDownList");
                    ddl.setDataSource(retData);
                    ddl.refresh();
                    $('#divSearchPNResults').show();
                }
            },
            error: function (xhr, tStatus, err) {
                //alert(err);
            }
        });
    </script>

[Paul]

HI All

This thread mentions the setDataSource as a method of DropDownList I cannot find it on the drop down list
my code:
var aspects = @Html.Raw(Model.Aspects.ToJson());
var l = $("#SourceAspectId").data("kendoDropDownList");
l.setDataSource(aspects);
l.refresh();

returns

TypeError: l.setDataSource is not a function
l.dataSource(aspects);




What might I be doing wrong?
Ideally what I want to do is provide the data for the dropdown as embedded json rather
than calling back to the server note I am attempting to use the MVC extensions rather than
a script block to configure the drop down list.

Thanks