# Ajax Binding

You can configure the Telerik UI ComboBox for Ajax binding to the Northwind **Products** table which uses Linq to SQL.

> The `ToDataSourceResult()` extension method modifies the structure of the result and the widget is not able to bind to it. In this case, return a simple array of data.

1. Create an action method which renders the view.

   ```C# Controller
       public ActionResult Index()
       {
           return View();
       }
   ```

2. Create a new action method and pass the **Products** table as JSON result.

   ```C# Controller
       public JsonResult GetProducts()
       {
           NorthwindDataContext northwind = new NorthwindDataContext();

           return Json(northwind.Products, JsonRequestBehavior.AllowGet);
       }
   ```

3. Add an Ajax-bound ComboBox.

```Razor HtmlHelper
    @(Html.Kendo().ComboBox()
        .Name("productComboBox") // The name of the ComboBox is mandatory. It specifies the"id" attribute of the widget.
        .DataTextField("ProductName") // Specify which property of the Product to be used by theComboBox as a text.
         .DataValueField("ProductID") // Specify which property of the Product to be used by theComboBox as a value.
            .DataSource(source =>
        {
                 source.Read(read =>
                 {
                    read.Action("GetProducts", "Home"); // Set the Action and Controller names.
                })
                .ServerFiltering(true); // If true, the DataSource will not filter the data on theclient.
        })
           .SelectedIndex(0) // Select the first item.
    )
```

## See Also

* [Server-Side API](https://www.telerik.com/aspnet-mvc/documentation/api/combobox)