Devam Ediyor

Drag-n-drop ordering of multi-level table rows

I have a table which looks like this (simplified for the example):

<table>

<tr class="lvl_1">

<td>

Level 1

</td>

</tr>

<tr class="lvl_2">

<td>

Level 2

</td>

</tr>

<tr class="lvl_3">

<td>

Level 3

</td>

</tr>

<tr class="lvl_1">

<td>

Level 1

</td>

</tr>

<tr class="lvl_2">

<td>

Level 2

</td>

</tr>

<tr class="lvl_3">

<td>

Level 3

</td>

</tr>

</table>

The content in the rows with the lvl_3 class are children of the previous lvl_2 row, and the lvl_2 rows are children of the previous lvl_1.

Had the data been a list, it would have looked something like this:

Level 1

-- Level 2

---- Level 3

Level 1

-- Level 2

---- Level 3

I'm now looking to implement drag-and-drop sorting functionality, make it possible to rearrange the level 1 and two rows. The tricky part is that once I start moving a row, the corresponding children (and grand-children, if any) should move along with it. Also, it should only be possible to rearrange rows within their parents, if any. Upon reordering, the script should make an AJAX call to a server-side script with the current order of the rows.

Please let me know if you require additional details.

PS. jQuery is preferred as JS framework, if any should be used.

Beceriler: Javascript, jQuery / Prototype

Daha fazlasını görün: jquery table drag drop, multi level sorting jquery, jquery drag order, drag drop jquery table, multi level drag jquery, jquery drag drop level, jquery drag drop table, jquery multi level table, to level, server side ajax framework, prototype part, prototype move, level two, level 2, ajax javascript framework, ajax framework javascript, 1 level, table drag order level, drag table multi level, jquery table drag level, drag drop multi level, jquery multi level rows

İşveren Hakkında:
( 4 değerlendirme ) Oslo, Norway

Proje NO: #753042

Seçilen:

cristalmedia

Hi, jQuery expert here, let me help you, I've developed and modified lots of plugins and libraries, this won't be a problem at all, and I'll bring you reusable code for future projects.

2 gün içinde 50$ USD
(10 Değerlendirme)
4.6

12 freelancer bu iş için ortalamada 52$ teklif veriyor

ajaxdevman

Please check PM message.

in 2 gün içinde75$ USD
(19 Değerlendirme)
6.1
ALSOFT10

Sir, Please check your PMB. Regards, ALSOFT

in 5 gün içinde100$ USD
(13 Değerlendirme)
5.3
YashpalSingh123

[url removed, login to view] professional

1 gün içinde 40$ USD
(6 Değerlendirme)
3.6
alin22

Hello sir, i have send you a pm.

in 4 gün içinde50$ USD
(6 Değerlendirme)
3.6
uuantboy

can i help you

1 gün içinde 30$ USD
(3 Değerlendirme)
2.7
samarthsol

Please allow me to do so.

1 gün içinde 30$ USD
(4 Değerlendirme)
2.6
esnoole

I am fully prepared for the processing of developed this featured, Where I am in the earlier you make this feature one of the sites programmed. Regards

in 2 gün içinde60$ USD
(0 Değerlendirme)
0.0
SCAnalytics

Please check PM. Thanks.

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0
saqibnadem

no problem i do asap

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0
citysheep

Hi, this is pretty simple. I already did it. Please check PM, I gave you a URL to the page.

1 gün içinde 30$ USD
(0 Değerlendirme)
0.0
DrAlgorithm

Sounds good ! Let's start soon.

in 30 gün içinde100$ USD
(0 Değerlendirme)
0.0