如何使用YUI3製作可拖動的<tr>？

我正在使用YUI3，並且我一直試圖在表格中使<tr>標籤可拖動而沒有運氣。我發現我可以拖動<div>節點，但出於某種原因，我無法拖動<tr>。它不應該是一個限制，我已經找到了YUI2的例子，但是代碼與YUI3完全不同，我無法弄清楚。如何使用YUI3製作可拖動的<tr>？

有誰知道你是否可以在YUI3中拖動<tr>節點，以及如何做到這一點？

這裏是我的代碼：

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>

任何幫助，將不勝感激。謝謝！

來源

2009-11-23 hora

這個問題沒有得到太多的興趣，但我想我會回答它，以防萬一有人在未來遇到這個問題。

我發現你不能在兩個表之間拖動<tr>元素，只能在同一個表中進一步檢查我上面提到的YUI2例子是在做這個，在給定的表中拖動。

我已經將我的表格轉換爲<div>元素，並將它們設計爲使用CSS看起來像<table>，現在我可以從一個「表格」拖動到另一個表格。如果有人想看到一些拖放代碼，請查看YUI3的文檔here。

來源

2009-11-30 10:59:36 hora

如何使用YUI3製作可拖動的<tr>？

回答

相關問題