如何将数据传递到引导模式Django

Question

• 我在django模板中有一个循环，该循环遍历对象。
• 对于每个对象，我都有一个触发模态的编辑按钮。
• 我将id传递给每个触发该对象id模态的编辑按钮。

模态正在打开，但问题是我无法将对象的数据传递给模态。

模板

{% if prof %}
<table class="table">
    <tbody>
        {% for edu in prof.education.all %}
            <tr class="divbutton" style="height: 90px;">
                <td>
                    <div class="row">
                        <div style="padding-left: 40px; font-size: 20px;">{{ edu.degree }}</div>
                        <div style="padding-left: 40px; font-size: 20px;">{{ edu.school }}</div>
                    </div>
                </td>
                <td></td>
                <td class="align-middle">
                    <div class="row">
                        <div id="button_under" style="margin-right: 20px;" class="login login-button">
{#                                                                    <button class="btn btn-info js-update-book" data-url="{% url 'users:book_update' pk=edu.id %}" style="cursor:pointer;"><i class="fa fa-edit"></i> Edit</button>#}
                            <button class="btn btn-info" type="button" data-toggle="modal" data-target="#{{ edu.id }}" data-backdrop="false" style="cursor:pointer;"><i class="fa fa-edit"></i> Edit</button>

                                <!-- --------------------------- Update Modal--------------------- -->

                         <form action="{% url 'users:book_update' pk=edu.id %}" style="padding-left: 15px; padding-right:15px;" method="POST">
                                {{ form.errors }}
                                {% csrf_token %}
                            <div class="row">
                                <div id="{{ edu.id }}" class="modal fade" role="dialog">
                                  <div class="modal-dialog">

                                    <div class="modal-content">
                                      <div class="modal-header">
                                          <h4 class="modal-title">Update Education</h4>
                                        <button type="button" class="close" data-dismiss="modal">&times;</button>
                                      </div>
                                      <div class="modal-body">
                                        <div class="row">
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <div class="field">
                                                    <label>Degree title<span class="red-txt">*</span></label>
                                                    <!-- <input class="form-control" type="text" name="degree" value="" maxlength="60" size="50"> -->
                                                    {{ form.degree }}
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-12">
                                            <div class="form-group">
                                                <div class="field">
                                                    <label>School<span class="red-txt">*</span></label>
                                                    <!-- <input class="form-control" type="text" name="school" value="" maxlength="60" size="50"> -->
                                                    {{ form.school }}
                                                </div>
                                            </div>
                                        </div>
                                        <!-- works -->
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <div class="field">
                                                    <label>Start date</label>
                                                    <div id="datepicker1" class="datepicker input-group date" data-date-format="yyyy-mm-dd">
                                                        {{ form.edu_start_date }}
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- does not work -->
                                        <div class="col-lg-6">
                                            <div class="form-group">
                                                <div class="field">
                                                    <label>End date</label>
                                                    <div id="datepicker2" class="datepicker input-group date" data-date-format="yyyy-mm-dd">
                                                        {{ form.edu_end_date }}
                                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="col-lg-12">
                                            <br>

                                            <div style="text-align:center;" class="login login-button">
                                                <input type="submit" class="btn btn-outline-primary btn-lg" style="cursor: pointer;" value="Save">
                                            </div>
                                        </div>
                                    </div>
                                      </div>
                                    </div>

                                  </div>
                                </div>
                            </div>
                        </form>
                        </div>
                    </div>
                </td>
            </tr>
        {% endfor %}
        {% endif %}
    </tbody>
</table>

视图

class ProfileSettingsView(UpdateView):
    model = Profile
    form_class = ProfileSettingsForm
    pk_url_kwarg = 'pk'
    context_object_name = 'object'
    template_name = 'profile_settings.html'

    def get_success_url(self):
          return reverse_lazy('users:profile_settings', args = (self.object.id,))

    def get_object(self):
        pk = self.kwargs.get('pk')
        return get_object_or_404(Profile, id=pk)

    def get_context_data(self, **kwargs):
        context = super(ProfileSettingsView, self).get_context_data(**kwargs)
        context['prof'] = self.get_object()
        return context

形成

class EducationForm(forms.ModelForm):

    degree = forms.CharField(max_length=40, required=False)
    school = forms.CharField(max_length=40, required=False)
    edu_start_date = forms.DateField(required=False,
                                     input_formats=settings.DATE_INPUT_FORMATS,
                                     widget=forms.DateInput(attrs={'readonly': 'readonly'}))
    edu_end_date = forms.DateField(required=False,
                                   input_formats=settings.DATE_INPUT_FORMATS,
                                   widget=forms.DateInput(attrs={'readonly': 'readonly'}))

    def __init__(self, request, *args, **kwargs):
        super(EducationForm, self).__init__(*args, **kwargs)
        self.request = request

    def save(self, commit=True):
        edu = super(EducationForm, self).save(commit=False)
        edu.save()
        profile = Profile.objects.get(id=self.request.user.profile.id)
        profile.education.add(edu)
        return edu


    class Meta:
        model = Education
        fields = ['degree','school','edu_start_date','edu_end_date']

更新

class EducationView(CreateView):
    model = Education
    form_class = EducationForm
    pk_url_kwarg = 'pk'
    template_name = "profile_settings.html"

    def get_success_url(self):
          return reverse_lazy('users:profile_settings', args = (self.request.user.profile.id,))

    def get_form_kwargs(self):
        kwargs = super(EducationView, self).get_form_kwargs()
        kwargs['request'] = self.request
        return kwargs

Answer 1

您的视图使用的是ProfileSettingsForm并且您的EducationForm不会在任何地方使用。 如果我正确理解模型，您有一个可与多个Education实例相关的Profile 。

因此，您需要在视图中使用多个EducationForm ，每个对象要更新一次（另外可能需要额外的空对象来创建新的Education ）。

你应该使用Django Formset S表示这一点，或者更准确地说是inlineformset_factory如图所示这里