jquery - 如何保存 django 拖放连接列表可排序

我想在 Django 中制作拖放连接列表。但是，如何在模型字段 id_unit 中保存 sortable2？

模板html

<ul id="sortable1" class="connectedSortable">
  <li class="ui-state-default">Item 1</li>
  <li class="ui-state-default">Item 2</li>
  <li class="ui-state-default">Item 3</li>
</ul>

<ul id="sortable2" class="connectedSortable">
  <li class="ui-state-highlight">Item 1</li>
  <li class="ui-state-highlight">Item 2</li>
</ul>

模型.py

 class Member(models.Model):
    id_unit = models.ForeignKey(Unit)
    id_fleet = models.ForeignKey(Fleet)

    def __str__(self):
        return self.name_track

View .py

def fleet_member_add(request):
if request.method == "POST":
    form = FleetMember(request.POST)
    if form.is_valid():
        post = form.save(commit=False)
        post.save()
        return redirect('fleet_member_add.html', pk=post.pk)
else:
    form = FleetMember()
return render(request,'fleet_member_add.html', {'form': form}, context_instance= RequestContext(request))

最佳答案

jQueryUI 有一个名为 sortable 的小部件，它只是一个可排序的 dom 元素列表。它允许您拖动项目并将它们放在列表中。选项在您提供给可排序的对象中传递。

允许将可拖动对象拖放到指定的可排序对象上。如果使用此选项，可以将可拖动对象拖放到可排序列表中，然后成为其中的一部分。需要包含 jQuery UI Sortable 插件。

示例:

使用指定的 connectToSortable 选项初始化可拖动对象:

$( ".selector" ).draggable({
  connectToSortable: "#my-sortable"
});

初始化后获取或设置 connectToSortable 选项:

// Getter
var connectToSortable = $( ".selector" ).draggable( "option", "connectToSortable" );

// Setter
$( ".selector" ).draggable( "option", "connectToSortable", "#my-sortable" );

jQueryUI 还允许您将 sortables 相互连接，这为一些有趣的用户界面创造了潜力。

$('#my-list').sortable({
  connectWith: '#my-other-list'
});

关于jquery - 如何保存 django 拖放连接列表可排序，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32221240/