1

kendoSortable のサイトから要素をドラッグして kendoSortable にドロップしようとしています。

kendoSortable のconnectWithプロパティを設定 します。しかし、それは機能していません。

Kendo UI のデモでは、この種の例は見つかりませんでした。

これが私のコードです:

<h1>Sortable</h1>


<ul id="sortable">
      <li class="list-item">Apples</li>
      <li class="list-item">Grapefruits</li>
      <li class="list-item">Bananas</li>
  </ul>

  <h1>Dragable</h1>
  <ul id="dragable">
      <li class="list-item">D1</li>
      <li class="list-item">D2</li>
      <li class="list-item">D3</li>
  </ul>

 <script>
     $("#sortable").kendoSortable({
        connectWith: "#dragable",
        placeholder: function placeholder(element) {
            return $("<li class='list-item' id='placeholder'>Drop Here!</li>");
        },
    });

     $("#dragable li").kendoDraggable({
        hint: function () {
            return $("<li class='list-item' id='placeholder'>GOOOOOO!</li>");
        }
    });

    $("#sortable").kendoDropTarget({
        dragenter: function () {
            console.log("enter");
        },
        dragleave: function () {
            console.log("leve");
        },
        drop: function (e) {

        }
    });
  </script>

dojo.telerikで

4

1 に答える 1

1

あなたの2つのリストを考えると：

<h1>Sortable</h1>
<ul id="sortable">
  <li class="list-item">Apples</li>
  <li class="list-item">Grapefruits</li>
  <li class="list-item">Bananas</li>
</ul>

<h1>Dragable</h1>
<ul id="dragable">
  <li class="list-item">D1</li>
  <li class="list-item">D2</li>
  <li class="list-item">D3</li>
</ul>

#draggable2 番目 ( )から 1 番目 ( ) にコピーすると仮定すると、2 番目 (コピー元#sortable) で何を定義する必要がありますか。connectWith

  $("#sortable").kendoSortable({
      placeholder: function placeholder(element) {
          return $("<li class='list-item' id='placeholder'>Drop Here 1!</li>");
      }
  });

  $("#dragable").kendoSortable({
      connectWith: "#sortable",
      placeholder: function placeholder(element) {
          return $("<li class='list-item' id='placeholder'>Drop Here 2!</li>");
      }
  });

placeholderおそらく両方で定義されていることに注意することも重要です。1 つ目はこのリストから移動するときに使用され、2 つ目はオリジンが 2 つ目のリストにあるときに使用されます (ドロップが 1 つ目か 2 つ目かに関係なく)。

ここで確認できます: http://dojo.telerik.com/@OnaBai/oJIy

于 2014-08-17T22:16:51.643 に答える