django - 将 ul 列表发送到 django 中的表单

Question

在一个模板中，我有两个连接的列表，其中一个最初是空的。用户必须从左侧列表中选择最多三个选项，将它们添加到右侧列表，对它们进行排序(根据他/她的优先级)，然后将其发回。

看起来像:

<ul id="sortable1" class="connectedSortable">
  <li value="1">Item A</li>
  <li value="2">Item B</li>
  <li value="3">Item C</li>
  <li value="4">Item D</li>
  <li value="5">Item E</li>
  <li value="6">Item F</li>
  <li value="7">Item G</li>
</ul>
</div>

<ul id="sortable2" class="connectedSortable">
 <!--here goes the initially empty list-->
</ul>

在 {% scripts %} block 中:

<script>
    $( function() {
    $( "#sortable1, #sortable2" ).sortable({
      connectWith: ".connectedSortable"
    }).disableSelection();
    } );
 </script>

在 models.py 中，我有一个字段来存储所选信息:

preferences = CommaSeparatedIntegerField()

问题是如何将更新后的 ul (sortable2) 中的信息 POST 回数据库？我可以向页面添加一个隐藏字段 preferences，然后使用 jQuery 填充它，但这似乎是一个丑陋的解决方案。什么是正确的？

Answer 1

如果你想将更新后的 ul (sortable2) POST 回数据库，那么一个可能的解决方案是 ul (sortable2) 应该在一个form 您可以使用 POST 方法提交其数据。

现在，当任何 li 元素从 ul (sortable1) 移动到 ul(sortable2) 时，输入类型元素也会被插入 在 ul (sortable2) 中与列表元素一起，其中输入的 “值”属性 必须与 ul 中的 li 元素相同 (sortable1) 是。此输入元素的类型也将被隐藏。

现在当您使用提交按钮提交此表单时，您将在 View 中取回所有数据，因此可以相应地更改您的数据库。