Privacy policyContactsAbout siteOpinionsGitHubDonate
© EVILEG 2015-2018
Recommend hosting
TIMEWEB
Feb. 8, 2019, 11:51 a.m.

Запрос подтверждения удаления записи

href, modal, Js, Django

Добрый день!

Пытаюсь на django реализовать удаление записи, а диалог подтверждение удаления хочу вынести в модальное окно.

Файл views.py:

class DeleteObject(LoginRequiredMixin, DeleteView):
    model = Object
    template_name = 'todoList/home.html'

    def get(self, request, *args, **kwargs):
        obj = get_object_or_404(Object, id=self.kwargs.get('id'))
        # Check for uncompleted tasks
        uncompleted = Data.objects.filter(objects=obj).filter(state=False).count()

        if uncompleted == 0:
            obj.delete()
        return redirect('home')

То есть реализовал удаление сразу при клике на ссылку удаления записи.

Пытаюсь в шаблоне (*.html) сделать так:

<div class="dropdown">
    <div class="circle dropdown-toggle ml-2" data-toggle="dropdown"></div>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="{% url 'obj_update' object.id %}">Edit</a>
        <a class="dropdown-item" data-toggle="modal" data-target="#taskModal" OnClick="getId('{{ object.id }}')">Delete</a>

        <script language="javascript">
            function getId(objID) {
                link = "{% url 'del_obj' " + objID + " %}"; // Error
                objdel.setAttribute('href', link);
            };
        </script>
    </div>   
</div>

<div id="taskModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Confirm deletion</h4>
            </div>
            <div class="modal-body">Are your sure you want to delete?</div>
            <div class="modal-footer">
                <a id="objdel" class="btn btn-danger" type="button" data-dismiss="modal" href="">Delete</a>
                <a class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</a>
            </div>
        </div>
    </div>
</div>

Пытаюсь в атрибут href="" объекта id="objdel" впихнуть "{% url 'del_obj' " + objID + " %}", чтобы при клике в диалоге на "Delete" удалялась запись.

В строке "link = "{% url 'del_obj' " + objID + " %}";" ругается на то что objID не подходит в качестве параметра для "del_obj".

Возможно есть способ реализовать это по другому или я не правильно передаю ссылку?

10% refund of hotel reservation amount on Booking
10% refund of hotel reservation amount on Booking
We offer a link with a 10% return on the amount of the order when booking a hotel through Booking
4
  • Feb. 8, 2019, 12:05 p.m.

Пробовал так:

var link = "{% url 'del_obj' {id} %}".replace('{id}', objectID);

Ошибка:

TemplateSyntaxError at /
Could not parse the remainder: '{id}' from '{id}'

На строку:

var link = "{% url 'del_obj' {id} %}".replace('{id}', objectID);
0

Добрый день.

Вот это работать и не будет

link = "{% url 'del_obj' " + objID + " %}"; // Error

Давайте разберёмся, ка работает {% url 'del_obj' %}

Начнём с того, что это шаблонный тег, а значит он должен быть обработан на сервере прежде, чем будет отослан клиенту в веб-браузер.

А JavaScript в данном случае может выполниться только на стороне клиента в данном случае.

Значит, чтобы тег отработал, ему нужна адекватная информация, без конкатенаций со стороны JavaScript, посольку это будет совсем другой шаг, когда уже всё отрендерено.

В сухом остатке это может выглядеть только так

{% url 'del_obj' object.id %}

то есть, я бы написал так

<div class="dropdown">
    <div class="circle dropdown-toggle ml-2" data-toggle="dropdown"></div>
    <div class="dropdown-menu">
        <a class="dropdown-item" href="{% url 'obj_update' object.id %}">Edit</a>
        <a class="dropdown-item" data-toggle="modal" data-target="#taskModal" OnClick="getId('{% url 'del_obj' object.id %}')">Delete</a>

        <script language="javascript">
            function getId(url) {
                link = url; 
                objdel.setAttribute('href', link);
            };
        </script>
    </div>   
</div>
0

Спасибо!

Я по началу так и хотел сделать но в строке:

 <a class="dropdown-item" data-toggle="modal" data-target="#taskModal" OnClick="getId('{% url 'del_obj' object.id %}')">Delete</a>

Сбила подсветка синтаксиса и кавычки, выглядит как буд-то del_obj стоит вне кавычек. Засомневался, что не будет работать.

0

Странно, но поссылке переходить отказывается, хотя и показывает, что она там есть.

Для работы пришлось немного поменять:

<a class="dropdown-item" data-toggle="modal" data-target="#taskModal" onclick="getUrl('{% url 'del_obj' object.id %}')">Delete</a>

<script language="javascript">
    function getUrl(url) {
        del_obj.setAttribute('href', url);
    }
    function goto() {
        var url = del_obj.getAttribute('href');
        return location.href = url;
    }
</script>

<div id="taskModal" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title">Confirm deletion</h4>
            </div>
            <div class="modal-body">Are your sure you want to delete?</div>
            <div class="modal-footer">
                <a id="del_obj" class="btn btn-danger" type="button" data-dismiss="modal" href="" onclick="goto()">Delete</a>
                <a class="btn btn-secondary" type="button" data-dismiss="modal">Cancel</a>
            </div>
        </div>
    </div>
</div>

Без пинка со стороны JavaScript по ссылке переходить отказывается.

1

Comments

Only authorized users can post comments.
Please, Log in or Sign up
d
April 26, 2019, 2:45 a.m.
djanaibekova_0301@mail.ru

C++ - Тест 003. Условия и циклы

  • Result:42points,
  • Rating points-8
Z
April 25, 2019, 8:02 p.m.
ZadvornyAlexey

C++ - Test 001. The first program and data types

  • Result:60points,
  • Rating points-1
m
April 24, 2019, 2:30 p.m.
maksImkа

C++ - Тест 003. Условия и циклы

  • Result:50points,
  • Rating points-4
Last comments
April 21, 2019, 4:22 p.m.
Евгений Легоцкой

Через метод setIcon table.horizontalHeaderItem(0).setIcon("qrc://path/to/icon.png")
April 21, 2019, 3:48 p.m.
Евгений Легоцкой

Добрый день! Спасибо за комментарий. Там действительно лучше будет сделать с инициализацией по умолчанию.
U
April 18, 2019, 3:37 p.m.
Unreal_man

А как иконку в хедер задать?
u
April 18, 2019, 2:15 a.m.
uaa

доброго времени,большое спасибо за пример для начинающего)при адаптации к своему проекту столкнулся с таким ньансом:в vepolyline.h в 47 строке нужна инициализация по умолчанию: int m_pointF...
E
April 11, 2019, 12:49 p.m.
Evgeny

Спасибо за ответ) У меня компоновщик на нее ругался просто. Оказалось, просто забыл Q_OBJECT в начале класса указать.
Now discuss on the forum
April 25, 2019, 10:51 a.m.
Ruslan Polupan

Изменил функциютеперь работает. bool ModelTerminals::setData(const QModelIndex &index, const QVariant &value, int role){ Q_UNUSED(role) if(!index.isValid()) {return false;...
April 24, 2019, 6:20 a.m.
Ruslan Polupan

я так понимаю надо инфорация об устройствах.Я бы пробовал так rust@suse:~> lsblk -PNAME="sda" MAJ:MIN="8:0" RM="0" SIZE="111,8G" RO="0" TYPE="disk" MOUNTPOINT=""NAME="sda1" MAJ:MIN="8...
April 21, 2019, 4:16 p.m.
Евгений Легоцкой

Приветствую Нужно сохранять где-то выбранное значение, а потом восстанавливать его. Или использовать QSettings или добавить метод open(), в который передавать начальные значения для того...
R
April 19, 2019, 9:55 a.m.
RED_Spider

мені важко це зараз навіть перевірити, тому що знайшов коміт, це ще було в 2016 році, і цей код не буде працювати коректно зараз, єдине скажу що це були QThread
Join us in social networks

For registered users on the site there is a minimum amount of advertising