Редактирование объектов Django с помощью модальной формы bootstrap

Это то, что я не делал раньше, так как я все еще новичок. Я использую форму bootstrap (class="modal fade") для добавления новых объектов в мою модель с помощью Ajax. Теперь моя проблема в том, как я могу редактировать объекты с помощью этой же формы. Также, я использую django_tables для рендеринга объектов в html.

Ниже приведен мой файл tables.py

class ObjectTable(tables.Table):

    class Meta:
        attrs = {'class': 'table table-bordered table-striped mb-0'}

    name = tables.Column(accessor=A('name'), verbose_name='Name')
    address= tables.Column(accessor=A('url'), verbose_name="Address")
    edu_level= tables.TemplateColumn('{{record.level}}')
    created_at = tables.Column(accessor=A('created_at'), verbose_name="Date Created")
    options = tables.TemplateColumn(
        '<button class="btn btn-info btn-sm" data-toggle="modal" data-target="#link-edit"><i class="feather '
        'icon-edit"></i> &nbsp;Edit </button> '
        '<button class="btn btn-danger btn-sm" data-toggle="modal" data-target="#link-delete"><i class="feather '
        'icon-trash-2"></i> &nbsp;Delete </button>')

Ниже приведена часть файла form.html

...
<div class="modal fade" id="link-edit" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Edit Link</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                    <form class="edit-link-form">
                        <div class="row">
                            <div class="col-sm-6">
                                <div class="form-group">
                                    <label class="floating-label" for="Name">Name</label>
                                    <input required type="text" name="name" class="form-control" id="EditName" placeholder="Enter the name of the link here">
                                </div>
...

Вернуться на верх