1

私はYUI3を使用していて<tr>、テーブル内のタグをドラッグ可能にしようとしていますが、運がありません。ノードをドラッグできることがわかりました<div>が、何らかの理由でをドラッグできません<tr>。制限ではないはずです。これが行われるYUI2の例を見つけましたが、コードはYUI3とは完全に異なり、これを理解することはできません。

<tr>YUI3でノードをドラッグできるかどうか、およびその方法を知っている人はいますか？

これが私のコードです：

YUI({combine: true, timeout: 10000}).use("dd-drop", "dd-constrain", "node", function (Y) {
    var drags = Y.Node.all('#draftable-players tr.drag');
    drags.each(function(v, k) {
        var dd = new Y.DD.Drag({
            node: v,
            dragMode: 'intersect'
        }).plug(Y.Plugin.DDConstrained, {
            constrain2node: '#draft'
       });
       dd.on('drag:end', function(e) {
           e.preventDefault();
       });
    });
});

そして関連するHTML：

<div id="draft">

<table id="draftable-players">
<tr class="drag"><td>some stuff</td></tr>
<tr class="drag"><td>some more stuff</td></tr>
</table>

<table> another table, i'm trying to drag <tr>s from the other one to this one
</table>

</div>

どんな助けでもいただければ幸いです。ありがとう！

4

1 に答える 1

1

この質問はあまり興味を引くことはありませんでしたが、将来誰かがこれに遭遇した場合に備えて、私も同じように答えると思いました。

同じテーブル内でのみ、2つのテーブル間で要素をドラッグできないことがわかりました。<tr>前述のYUI2の例をさらに詳しく調べると、特定のテーブル内でドラッグして、まさにこれを実行していました。

それ以来、テーブルを要素に変換し、CSSを使用<div>しているように見えるようにスタイルを設定しました。これ<table>で、ある「テーブル」から別の「テーブル」にドラッグできます。ドラッグアンドドロップのコードを知りたい場合は、YUI3のドキュメントをここで確認してください。

于 2009-11-30T10:59:36.377 に答える