SIMPLE example refuses to work. Bind JSON result using datasource

[Rich]

Maybe i am just old.. but i have worked on this thing all day with no love.

This is my latest:

$(document).ready(function () {
            var selectedRegionId;
            var dsCategories;

            $("#selectCategory").width(180).kendoComboBox({
                dataTextField: "CostDriverCategoryName",
                dataValueField: "CostDriverCategoryId",
                dataSource: dsCategories
            });


            dsCategories = new kendo.data.DataSource({
                transport: {
                    read: "/CostDriver/GetCostDriverCategoriesByRegion/" + $("input[name='region']").val(),
                    data: $("input[name='region']").val()
                }
            });

            $("#selectCommodity").width(180).kendoComboBox({ enabled: false });

            $("input[name='region']").click(function () {
                // alert(selectedRegionId);
                dsCategories.read();
            });
        });



I have a few issues:

1. HOW do you make the "data" parameter in the transport read work for a GET call to an ASP.Net MVC JsonResult controller method? I have searched the docs and these forums. I see people avoiding the wrapper and calling using jquery Ajax directly.. but seriously,, this datasource is a wrapper for Jquery ajax calls.. does it not work????

2. My result is a JSON object that looks like:

[{"CostDriverCategoryId":2,"CostDriverCategoryName":"Chemicals","ShortName":null},{"CostDriverCategoryId":3,"CostDriverCategoryName":"Currency","ShortName":null}

]

What do i need to do to have this result actually bind to the combobox as i defined in the combobox itself? I can get the result from the read by passing the data value right in the URL itself. Fine.. But it does not bind to the combobox.

Thanks.

[Edemilson]

I did try every example here and at the documentation, but ComboBox treats my dataSource as a string instead of a JSON, so it displays every character as an option in the combo list, and sometimes it display "undefined"... The only thing that worked for me was:

$.getJSON('/get/items', function(data) {

    $('#comboBox').kendoComboBox({

        dataSource: data

    });

});

At my application side I have:

// code to generate the array as a simple list like:

// $result = array('Item 1', 'Item 2', 'Item 3', ..., 'Item N');

header('Content-Type: application/json');

echo json_encode($result);

The example below (taken from the manual) should work, but it doesn't... :(

$("#comboBox").kendoComboBox({

    dataSource: new kendo.data.DataSource({

        transport: {

            read: {

                url: "Get/Items" // url to remote data source (simple list of strings)

            }

        }

    });

});

[Nohinn]

Rich, in your case unless you define the read action of the datasource to use the POST method, it uses GET.
In your controller action in your jsonresult you should set the JsonRequestBehavior to AllowGet.

In your case Edemilson, use the last example, the one from the documentation and try to use "print json_encode($result);" instead of echo