[英]SortableJS - Send newly sorted list of element on submit
我正在使用 JS 库 SortableJS 并尝试在提交时发送新排序的数组。
JS:
var originalArray;
var sortable = Sortable.create(selection, {
handle: '.bars-move',
animation: 150,
});
var modalForm = document.getElementById("modalForm");
if (modalForm !== null ){
modalForm.addEventListener('submit', function(e) {
var formData = new FormData(modalForm);
e.preventDefault();
var request = new XMLHttpRequest();
request.open(modalForm.method, modalForm.action, true);
var cookies = parse_cookies();
request.setRequestHeader('X-CSRFToken', cookies['csrftoken']);
request.onload = function() {
/// send the new Array here
};
request.send(formData);
});
};
欢迎任何提示!
最简单的方法是在提交时提交可排序数组:
var sortable = Sortable.create(selection, {
handle: '.bars-move',
animation: 150,
});
和
var modalForm = document.getElementById("modalForm");
if (modalForm !== null ){
modalForm.addEventListener('submit', function(e) {
var formData = new FormData(modalForm);
e.preventDefault();
var request = new XMLHttpRequest();
request.open(modalForm.method, modalForm.action, true);
var cookies = parse_cookies();
request.setRequestHeader('X-CSRFToken', cookies['csrftoken']);
formData.append('sortableArray', sortable.toArray());
request.send(formData);
});
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.