Вопрос скорее по JavaScript.
Используя
туториал реализую возможность добавлять новые сущности (связи ForeignKey и ManytoMany) в popup окне. В туториале используется одна кнопка добавить , я же пробуя с двумя.
В html форму добавил такой код
{form.field1}
<a class="text-success" href="/project/create" id="add_project" onclick="return showAddPopup(this);"><i class="fas fa-plus fa-lg"></i></a>
{{ form.field2 }}
<a class="text-success" href="/technology/create" id="add_technology" onclick="return showAddPopup(this);"><i class="fas fa-plus fa-lg"></i></a>
Скрипт такой
<script type="text/javascript">
function showAddPopup(triggeringLink) {
var name = triggeringLink.id.replace(/^add_/, '');
href = triggeringLink.href;
var win = window.open(href, name, 'height=500,width=800,resizable=yes,scrollbars=yes');
win.focus();
return false;
}
function closePopup(win, newID, newRepr, id) {
$(id).append('<option value=' + newID + ' selected >' + newRepr + '</option>')
win.close();
}
</script>
В чем проблема:
когда я добавляю Project, popup окно закрывается и редиректится назад в форму с уже выбранным новым значением в выпадающем окне Project. В Бд тоже все норм добавилось. Но когда я добавляю Technology used on the project, то новое значение инициализируется тоже в первом окне (Project) но при этом в БД сохраняется правильно, то есть хромает именно визуальное отображение. Если я обновлю страницу с формой то в выпадашке Technology это значение уже можно будет увидеть и выбрать.
Очень надеюсь, что понятно донес суть. Я не знаю JS поэтому к сожалению даже такую проблему не могу устранить
