javascript - KENDO Draggable を使用して KENDO UI Listview の個々の要素をドラッグする

Question

以下は、各リスト項目のテンプレート コードです。ドラッグ時に特定のリスト項目のみを選択したい。現在、リスト ビュー自体全体が選択されています。ドラッグ可能な剣道ソースにどのフィルターを適用すればよいですか?

<script type="text/x-kendo-tmpl" id="template">
    <div class="DeviceList" id="draggable"> 
        #:Name#<br/>
        #:HDate#<br/>
        #:IsAnnual#<br/>
        #:Type#<br/>
        </div>
</script>

そして以下は私の剣道リストビューの初期化呼び出しです:

 var list =   $("#listView").kendoListView({
            autoBind: true,
            dataBound: function (e) {
                if (dataSource.total() == 0) {
                    $("#listView").html('<tr><td>There are no members at this time.</td></tr>');
                };
            },
            dataSource: dataSource,
            selectable: "single",
            template: kendo.template($("#template").html()),
            change: function (e) {
                var index = this.select().index();
                var dataItem = this.dataSource.at(index); 
            }

      });
 list.kendoDraggable({

          hint: function (row) {
              return row.clone();  //returns the same mark up as the template <li>some name</li>
          }
      });