filter Selector

Selects child elements that are draggable if a widget is attached to a container.

Example

<div id="container">
  <div class="draggable"></div>
  <div class="static"></div>
  <div class="static"></div>
  <div class="static"></div>
  <div class="draggable"></div>
</div>
<script>
  $("#container").kendoDraggable({
    filter: ".draggable",
    hint: function(element) {
      return element.clone();
    }
  });
</script>
<style>
  .draggable, .static {
    width: 50px;
    height: 50px;
    border: 2px solid green;
    margin: 5px;
  }
  .draggable { background-color: orange; }
  .static{ background-color: purple; }
</style>
In this article