title: Extending kendo multiselect and working with MVVM
body: <p>I'm trying to extend a kendo multiselect so that it has a default data source as well as templates. It's all working except the pre-loaded values in the MVVM object. When I start updating the exented multiselect, the value of the MVVM gets updated, the initial items are just not pre-loaded:</p>
  
  <pre><code>kendo.ui.plugin(kendo.ui.MultiSelect.extend({
      init: function(element, options) {
          var ds = new kendo.data.DataSource({
              type: "json",
              serverFiltering: true,
              transport: {
                  read: {
                      url: "/SecurityEntities",
                      dataType: "json"
                  },
                  parameterMap: function(data) {
                      return {
                          prefixText: '',
                          count: 5,
                          getUsers: true,
                          getGroups: false
                      };
                  }
              },
              schema: {
                  data: function(data) {
                      console.log($.parseJSON(data));
                      return $.parseJSON(data);
                  }
              }
          });
          options = options == null ? {} : options;
          options.itemTemplate = "...";
          options.tagTemplate = "...";
          options.dataSource = ds;
  
          kendo.ui.MultiSelect.fn.init.call(this, element, options);
      },
      options: {
          name: 'EntityMultiSelect'
      }
  }));
  
  kendo.data.binders.widget.entitymultiselect = 
  kendo.data.binders.widget.multiselect;
  </code></pre>
  
  <p>Then my html is:</p>
  
  <pre><code>&lt;div data-bind="value: machine.Managers" data-role="entitymultiselect" 
       data-delay="400" data-animation="false" 
       data-placeholder="Select users to notify"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>And I am binding the whole container to the page's viewModel object.</p>
  
  <p>I've seen other people have issues with this very problem and added the </p>
  
  <pre><code>kendo.data.binders.widget.entitymultiselect = 
      kendo.data.binders.widget.multiselect;
  </code></pre>
  
  <p><strong>(And yes that does seem like a bug)</strong></p>
  
  <p>But it still doesn't work.</p>
  
  <p>When there are already values in Machine.Managers, it doesn't load them. However, if I add values to the multiselect, they get added to Machine.Managers .</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>I've added a live <a href="http://trykendoui.telerik.com/eYIq" rel="nofollow">example</a></p>