title: KendoMultiSelect with DataSource Send All Items with Request
body: <p>I have been trying to implement a Kendo UI MultiSelect control with full read/write functionality for about three weeks now (as an evaluation at home in my own time). I have found this to be very challenging, in light of the paucity of examples of using the Kendo UI DataSource with the MultiSelect.</p>
  
  <p>I am 90% of the way there. I just can’t seem to crack the update. When I add a couple of items, then click a submit button (which invokes the sync method of the DataSource), every item in the MultiSelect is forwarded to the server with the request as JSON. That is, every item which the Read returned, whether selected in the MultiSelect not.</p>
  
  <p>Here are a few code snippets:</p>
  
  <pre><code>$(function () {
  
  var ds = new kendo.data.DataSource({
      type: "json",
      serverFiltering: true,
      transport: {
          read: {
              url: '/api/Members/Members',
              dataType: "json",
              contentType: 'application/json; charset=utf-8',
              type: "GET"
          },
          update: {
              url: "/Home/Update",
              dataType: "json",
              type: "POST",
              contentType: 'application/json; charset=utf-8',
          },
          create: {
              url: "/api/Members/Update",
              dataType: "json",
              contentType: 'application/json; charset=utf-8',
              type: "POST"
          },
          parameterMap: function(data, type) {
              return kendo.stringify(data);
          }
      },
  
      batch: true,
      schema: {
          parse: function(response) {
              return JSON.parse(response);
          },
          model: {
              Id: 'Id'
          }
      }
  });
  
  var teeTimes =
  $('#TeeOffTimes').kendoMultiSelect({
      placeholder: "Select members...",
      dataTextField: "FirstName",
      dataValueField: "Id",
      autoBind: true,
      dataSource: ds,
      itemTemplate: $("#members-template").html(),
      value: ['1']
  }).data("kendoMultiSelect");
  
  
  $('#submit').on('click', function () {
      var val = teeTimes.value();
      ds.sync();
  });
  </code></pre>
  
  <p>});</p>
  
  <p>Is there a way to get the DataSource to submit only those items which the user has selected when it syncs? Or does it not work like that?</p>
  
  <p>Thanks</p>