Comments on: Table Drag and Drop JQuery plugin

By: DenisH

DenisH — Sat, 04 Feb 2012 18:33:26 +0000

Have a look at this demo. This example page is taken from the latest version of the code at GitHub. It definitely works with my iPad2.

By: Deivis

Deivis — Wed, 01 Feb 2012 15:30:34 +0000

Hello Mr. Tantrum I need the detail of the code, I’m trying to save the results in a sql server db. thank you very much

By: Szymon Błakała

Szymon Błakała — Wed, 01 Feb 2012 09:44:07 +0000

Try to use divs not table to accomplish this. Tables are limited to TBODY groups, but even this plugin dosnt allow to move them. TBODY cannot be nested so u have use lists (ul, ol) or divs.

By: Sachin Shrestha

Sachin Shrestha — Mon, 30 Jan 2012 22:39:33 +0000

Hi Denish,

This really is a wonderful script and I would like to thank you a ton for providing us with this. I am trying to implement this in dotProject which has Multiple task with their Child.

Lets say like
1. Task A
1.1 Child 1 Task A
1.2 Child 1 Task B
2. Task B
2.1 Child 1 Task B
2.2 Child 2 Task B
3. Task C

So if I move Task A, it should also move its child and Child task should only move within the child of its parent.
Can you pls tell me if we can do this with current version? If yes how do we do it?

Kind Regards
Sachin

By: bonny

bonny — Mon, 30 Jan 2012 22:03:35 +0000

Hi,

I am new to jquery. I used this plugin in my jsp it works fine for me. I want to now about class “showDragHandle” you gave in example five. If you can provide implemention of that will be very good to me as i have to use samething.

By: Tom

Tom — Sat, 28 Jan 2012 22:55:31 +0000

I’m really looking for iPad/iPhone support, it will make this plugin so awesome.(it already is a great plugin, but this is still missing for me)

I saw your example above, DennisH, but it doesn’t seem to work. Could you please post a full working version of it? Would be much appreciated! (if anyone else wants to help that’s great as well)

By: Szymon Błakała

Szymon Błakała — Wed, 25 Jan 2012 22:29:29 +0000

I did modify your script to use in my CMS.

There was a big issue with images in list and i had to rewrite mouseCoord methods.

Now it shoud look like:

In mousemove method:

var y = mousePos.y; // – jQuery.tableDnD.mouseOffset.y;

In findDropTargetRow:

var rowY = this.getPosition(row).y;
var rowHeight = parseInt(row.offsetHeight);

if (row.offsetHeight == 0) {
rowY = this.getPosition(row.firstChild).y;
rowHeight = parseInt(row.firstChild.offsetHeight);
}

var rowYTo = rowY+rowHeight;

// Because we always have to insert before, we need to offset the height a bit
if ((y rowY)) {

By: russell07

russell07 — Wed, 25 Jan 2012 14:52:48 +0000

Hi DenisH – I love your plugin, and I’m trying to implement the function to allow drag and drop on iPhone. I know I need to change the code on the html side around my jQuery draggable call, but not 100% sure on the syntax construction.

Could you show me your example of how you managed to perform the drag and drop on your ipad from the HTML page side?

Many thanks

By: Cadi

Cadi — Sat, 21 Jan 2012 10:34:43 +0000

Bonjour,
Juste un petit manque pour améliorer le graphisme sans recharger la page.
Contrairement à l’exemple donné, cette fonction marche.

Hi,
juste to have more pleasant design without reloading page.
This is a better way than the example given.

$(‘table#table-1 tr:nth-child(even)’).addClass(‘yourclass-1′).removeClass(‘yourclass-2′);
$(‘table#table-1 tr:nth-child(odd)’).addClass(‘yourclass-2′).removeClass(‘yourclass-1′);

By: Jitendra

Jitendra — Mon, 16 Jan 2012 12:24:08 +0000

onAllowDrop: function(draggedRow, row) {

var str = draggedRow.attr(‘id’);

}
i need in this function Item dropped target Row

I have tried this function findDropTargetRow() but can not got the result.
Please help!
Thanks