[英]Javascript complex drag and drop sorting
I have a problem, i try to do complex sorting: example 我有问题,我尝试进行复杂的排序:示例
without group
-child0
-- GROUP1
-child1
-child2
-- GROUP2
-child3
-child4
I need groups to be sorted (move all group down), with all childs, and childs of a group (make child4 upper then child3), and childs between groups (move child4 to group2 ), or make child out of group, can i make this with jquery ui sortable, or any ready solution? 我需要对组进行排序(将所有组向下移动),将所有子级和一个组中的所有子级(先将child4优先,然后将child3进行排序),将组之间的子级(将child4移至group2),或者将组中的子级排除在外,我可以吗?使它与jQuery ui可排序,或任何现成的解决方案?
Try this code: http://jsfiddle.net/lotusgodkk/28nMJ/201/ 尝试以下代码: http : //jsfiddle.net/lotusgodkk/28nMJ/201/
$(function () {
$('ul.mainlist').sortable({
connectWith: 'ul',
});
$('ul.sublist').sortable({
connectWith: 'ul'
});
});
HTML: HTML:
<ul class='mainlist'>
<li>One (a)</li>
<li>Two (a)</li>
<li class="hasItems">Three (a)
<ul class="sublist">
<li>subitem1-1</li>
<li>subitem1-2</li>
<li>subitem1-3</li>
<li>subitem1-4</li>
</ul>
</li>
<li>Four (a)</li>
<li class="hasItems">Five (a)
<ul class="sublist">
<li>subitem2-1</li>
<li>subitem2-2</li>
<li>subitem2-3</li>
<li>subitem2-4</li>
</ul>
</li>
</ul>
<ul class='mainlist'>
<li>1</li>
<li>Two (b)</li>
<li>Three (b)</li>
</ul>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.