title: Kendo UI grid filtering via DropDownList instead of MultiSelect
body: <p>The following snippet uses a MultiSelect field to filter through an array of items. Filtering only occurs when items have been selected in the MultiSelect and the 'Filter' button has been clicked.
  <a href="http://jsbin.com/iVIQoKiV/1/edit" rel="nofollow">http://jsbin.com/iVIQoKiV/1/edit</a></p>
  
  <p>How can it be set up using a DropDownList instead? Also, once an item has been selected in the DropDownList, how can the grid be filtered instantly without the need  to click a button?</p>
  
  <p><strong>Edit:</strong></p>
  
  <p>Here's a new <a href="http://jsbin.com/oTUCEhA/2/edit" rel="nofollow">JSBin</a>. Managed to implement a DropDownList. I've used the following change event but now filtering doesn't work:</p>
  
  <pre><code>change: function() {
    var value = dropdown.value();
    if (value) {
    grid.data("kendoGrid").dataSource.filter({
        field: "Territories",
        operator: function (itemValue) {
        var matchingItem = itemValue.find(function (item) {
          return $.inArray(item.TerritoryID, value) &gt;= 0;
        });
          return matchingItem !== null;
        }
      });
    }
  </code></pre>