في بيثون قارورة كيفية السماح للمستخدم لإعادة ترتيب عناصر القائمة وسجل في قاعدة البيانات

Question

لدي قارورة سكلالشيمي بوتسراب التطبيق.يعرض القالب الخاص بي قائمة بالعناصر في جدول أرغب في أن يتمكن المستخدم من إعادة ترتيبه.يتم عرض العناصر من خلال جينجا القياسية 2

 {% for item in List %}
 {{item}}
  {%end for%}

فكيف يمكنني السماح للمستخدم بإعادة ترتيب الكائنات ثم تسجيل هذه التغييرات?

كانت فكرة واحدة كان لي للحصول على مسج للفرز للسماح بإعادة الترتيب ثم إرسال القيم الجديدة إلى قاعدة البيانات الخاصة بي (إما عند الإرسال ، أو عند إعادة ترتيبها).

ولكن ، كيف يمكنني كتابة بيان سكلالشيمي لتحديث الصف المناسب في قاعدة البيانات الخاصة بي?ما هو قطعة بين جافا سكريبت وبيثون حيث يمكنني تحديد أي صف في ديسيبل لتغيير?

Answer 1

مسج واجهة المستخدم sortable لديه toArray رسالة-عندما يتم استدعاؤها على قابل للفرز فإنه يعود معرفات العناصر في الترتيب الذي تظهر في دوم.ربما تكون هذه هي أبسط طريقة للتعامل مع الأشياء:

<ul id="theSortableStuff">
{% for item in things_to_sort %}
    <li id="item-{{ item.id }}">{{ item.name }}</li>
{% endfor %}
</ul>

<script>
var $sortables = $("#theSortableStuff").sortable({
  stop: function() {
    var sortedItems = $sortables.sortable("toArray");
    // Update some form in the DOM or use AJAX to invoke a server-side update
  }
});
</script>