2011-04-16 66 views
0

我有一個類似於下面的鏈接中顯示的表格(demo.jpg)的HTML表格。 http://www.2shared.com/photo/EF948V7-/demo.html將單元組的內容移動到另一個

我試圖創建一個功能,其中一組單元可以同時拖動並水平移動到另一個位置。當單元格羣組轉移到新位置時,「可用總數」應相應更改。

例如,在附件中,我應該能夠將Group 3(4月7日和4月8日)單元格移動到4月2日和4日的新日期,並且可用於2日和3日的總計應該減少10日。

如何實現此目的使用jQuery或JavaScript?

感謝和問候, Shijesh

回答

0

如果包裹在TD的內容用DIV,實際上很簡單。

您需要使用jquery droppapble來使TD在其他TD中的DIV可丟棄。然後當有人將其拖放到TD中時,可以在drop事件中添加回調函數並在那裏處理它。

+0

謝謝。 將內容包裹在div中

10
我可以拖放單個單元格內容。 但是,我需要將單元組移動到一起並更改總可用。如何實現此部分... – 2011-04-16 11:21:52

+0

這是相同的邏輯。當你完成刪除操作時,你所要做的就是使用jquery遍歷(使用'.parent()'和'siblings()')並獲取該列中的其他div。只需要把代碼放入'drop'事件並且可能是'start'事件 – JohnP 2011-04-16 11:25:39

+0

啊......知道了.. 對相關筆記的另一個問題......它只是一個願望清單... 假設我'拖動組到左邊..是否有可能,該組的所有單元格跟隨拖動和總可用更新...在將其放到最終位置之前...... – 2011-04-16 11:36:54

相關問題