title: remove selected elements from multi list view
body: <p>Using Kendo UI, please tell me how can we remove element from multi listview. When i am selecting any item it is giving me value but i am unable to remove selected element.</p>
  
  <p>PSB code:</p>
  
  <pre><code>var data = [
  { id: 1, text: "text 1" },
  { id: 2, text: "text 2" },
  { id: 3, text: "text 3" }
  ];
  
  
  var d = $("#listview").kendoListView({
  dataSource: data,
  template: kendo.template($("#template").html()),
  selectable: "multiple",
  change: function() {
      var index = this.select().index(),
          dataItem = this.dataSource.view()[index];
  
      var d = $("#listview").data("kendoListView");
      alert(d.element.children().first());
      d.remove(dataItem.text);
  
      //log("id: " + dataItem.id + ", text: " + dataItem.text);
      var selected = $.map(this.select(), function(item) {
          return data[$(item).index()].id;
             });
      //data.remove(selected.id);
      //console.log(data);
      console.log(selected);
      //console.log("[" + selected.join(", ") + "]");
  }
  });
  </code></pre>