Как я могу получить данные из mysql в django для показа в модале, где я мог бы также обновить их? - PullRequest
Новая
       8

Как я могу получить данные из mysql в django для показа в модале, где я мог бы также обновить их?

0 голосов
/ 06 ноября 2019

Что мне нужно было сделать, так это после нажатия модальной кнопки просмотра, она покажет информацию, а затем есть кнопка, которая может обновить ее. Может кто-нибудь посоветовать мне, что лучше всего сделать. Благодарю. Models.py 

class Employee(models.Model):
first_name = models.CharField(max_length=100, blank=True, null=True)
last_name = models.CharField(max_length=100, blank=True, null=True)
middle_name = models.CharField(max_length=100, blank=True, null=True)
userid = models.CharField(max_length=45, blank=True, null=True)
email_address = models.CharField(max_length=100, blank=True, null=True)

У меня пока нет views.py (не знаю с чего начать)

Модальный код: 

{% for employee in employees %}

            <div class="modal fade" id="employee.employee_id_{{ employee.employee_id }}" tabindex="-1" role="dialog" style="display: none; overflow: auto;" aria-hidden="true" data-backdrop="static">
                <div class="modal-dialog modal-lg" role="document">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title" >Employee</h5>
                            <button type="button" class="close" modalid="referral_modal" id="close_referral" aria-label="Close">
                                <span aria-hidden="true">×</span>
                            </button>
                        </div>
                        <div class="modal-body" style="overflow: auto">
                            <div class="col-md-15">
                        <div class="card">
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <h4>Your Profile</h4>
                                        <hr>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-md-12">
                                        <form>
                                          <div class="form-group row">
                                            <label for="username" class="col-4 col-form-label">User Name*</label>
                                            <div class="col-8">
                                              <input id="username" name="username" placeholder="{{ employee.userid}}" class="form-control here" required="required" type="text">
                                            </div>
                                          </div>
                                          <div class="form-group row">
                                            <label for="name" class="col-4 col-form-label">First Name</label>
                                            <div class="col-8">
                                              <input id="name" name="name" placeholder="{{ employee.first_name}}" class="form-control here" type="text">
                                            </div>
                                          </div>
                                            <div class="form-group row">
                                            <label for="text" class="col-4 col-form-label">Middle Name*</label>
                                            <div class="col-8">
                                              <input id="text" name="text" placeholder="{{ employee.middle_name}}" class="form-control here" required="required" type="text">
                                            </div>
                                          </div>
                                          <div class="form-group row">
                                            <label for="lastname" class="col-4 col-form-label">Last Name</label>
                                            <div class="col-8">
                                              <input id="lastname" name="lastname" placeholder="{{ employee.last_name}}" class="form-control here" type="text">
                                            </div>
                                          </div>                                                              
                        <div class="modal-footer">
                            <button name="submit" type="submit" class="btn btn-primary">Update</button>
                            <button type="button" class="btn btn-secondary" data-dismiss="modal" onclick="">Cancel</button>
                        </div>

                </div>
                    </div>
                </div>
            </div>
        </div>
    {% endfor %}
    {% endblock %}

MySQL DB

1 Ответ

0 голосов
/ 06 ноября 2019

Вы можете сделать свой тег только для чтения. пример:

, а затем в javascript нажмите кнопку «Обновить», чтобы снова сделать его редактируемым. document.getElementById ("name"). readOnly = false;

...