RadComboBox with WebAPI service as DataSource

[jsearl]

I've been looking through examples and forums and have not seen a clear example of how to bind a RadComboBox using a WebAPI service as the DataSource.  It seems that this would be supported, but I'm not having any luck getting it to work.  Thanks for any help you can provide!

[Hristo Valyavicharski]

Hi,

Please find the attached sample. It demonstrates the simplest web api binding: 

<script type="text/javascript">
    $(document).ready(function () {
        var combo = $find('RadComboBox1');
        combo.requestItems();
    });

    function OnClientItemsRequesting(sender, args) {
        $.getJSON("api/items", function (data) {
            var items = [];
            $.each(data, function (key, val) {
                console.log(key);
                console.log(val);
                var comboItem = new Telerik.Web.UI.RadComboBoxItem();
                comboItem.set_text(val);
                sender.get_items().add(comboItem);
            });
        });
    }
</script>
<telerik:RadComboBox ID="RadComboBox1" runat="server" OnClientItemsRequesting="OnClientItemsRequesting"></telerik:RadComboBox>

WebAPI controller:

public class ItemsController : ApiController
{
    List<string> items = new List<string>();

    // GET api/<controller>
    public IEnumerable<string> Get()
    {
        for (int i = 0; i < 20; i++)
        {
            items.Add("Item " + i);
        }
        return items;
    }
}

Here is another useful forum post. Regards,
Hristo Valyavicharski
Telerik

[mark baer]

How about populating a RadGrid?  Also, I know this is not Telerik specific, but what might be a decent practice for submitting a "Web Form" to a Web API Service?  Should it be done in code behind?  Straight from the web page/jquery?

Thanks

[Shinu]

Hi mark baer,

Please take a look into the following blogs which discuss about the same scenario.

Take a Walk on the Client Side with WebAPI and WebForms
Take a Walk on the Client Side with WebAPI and WebForms – Part 2

Thanks,
Shinu.