# Ajax Binding

You can configure the Telerik UI MultiSelect 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);
       }
   ```

3. Add an Ajax-bound MultiSelect.

   ```Razor HtmlHelper
       @(Html.Kendo().MultiSelect()
           .Name("productMultiSelect") // The name of the MultiSelect is mandatory. It specifies the "id" attribute of the widget.
           .DataTextField("ProductName") // Specify which property of the Product to be used by the DropDownList as a text.
           .DataValueField("ProductID") // Specify which property of the Product to be used by the DropDownList 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 the client.
           })
       )
   ```

   ```Razor TagHelper
       <kendo-multiselect name="productMultiSelect"
                          datatextfield="ProductName"
                          datavaluefield="ProductID">
          <datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
              <transport>
                   <read url="@Url.Action("GetProducts", "Home")" />
              </transport>
          </datasource>
       </kendo-multiselect>
   ```

## See Also

* [Server-Side API](https://www.telerik.com/aspnet-core-ui/documentation/api/multiselect)