有没有一种方法可以提示用户输入值,而无需刷新Django中views.py的页面?

时间:2019-11-08 13:45:59

标签: python html django

我当前正在尝试修改一个页面,该页面实质上跟踪用户何时进入/离开区域。目前,所有逻辑都可以正常工作,但是我想添加功能,以要求用户在他们输入/离开时输入他们自己的 estimate ,因为这些实例在提交时被标记。

我遇到的问题实际上是使“弹出窗口”显示出来。我不确定如何在添加评论的 views.py 中完成此操作。我想我需要一种方法来将多余的html呈现在页面顶部,而不刷新,直到他们提交 edited_timestamp 之后。我是Django / Python的新手,我对这一切的工作方式有非常基本的了解,因此如果我对处理此问题的建议有些偏离,我会提前道歉。

这些是模型外观的汇总版本:

models.py

class EmployeeWorkAreaLog(TimeStampedModel, SoftDeleteModel, models.Model):
    employee_number = models.ForeignKey(Salesman, on_delete=models.SET_NULL, help_text="Employee #", null=True, blank=False)
    work_area = models.ForeignKey(WorkArea, on_delete=models.SET_NULL, null=True, blank=False, help_text="Work Area", related_name="work_area")
    station_number = models.ForeignKey(StationNumber, on_delete=models.SET_NULL, null=True, help_text="Station", related_name="stations", blank=True)
    edited_timestamp = models.DateTimeField(null=True, blank=True)
    time_exceptions = models.CharField(max_length=2, blank=True)
    time_in = models.DateTimeField(help_text="Time in", null=True, blank=True)
    time_out = models.DateTimeField(blank=True, help_text="Time out", null=True)

    def __str__(self):
        return self.employee_number

我认为,最简单的方法是将其添加到views.py中的逻辑中,以防止更新错误的记录,从而在标记条目后立即提示用户输入他们估计进入某个区域的日期/时间。

为了保持代码可读性,我仅显示标记条目的情况。如果有人尝试进入任何区域,忘记退出,然后再次尝试进入区域,则没有出口的记录将立即被标记(time_exceptions ='N'是标记)。

views.py

class EnterExitArea(CreateView):
    model = EmployeeWorkAreaLog
    template_name = "operations/enter_exit_area.html"
    form_class = WarehouseForm

    def form_valid(self, form):
        emp_num = form.cleaned_data['employee_number']
        area = form.cleaned_data['work_area']
        station = form.cleaned_data['station_number']

        if 'enter_area' in self.request.POST:
            form.save()
            EmployeeWorkAreaLog.objects.filter((Q(employee_number=emp_num) & Q(work_area=area) & Q(time_out__isnull=True) & Q(time_in__isnull=True)) & (Q(station_number=station) | Q(station_number__isnull=True))).update(time_in=datetime.now())

            # If employee has an entry without an exit and attempts to enter a new area, mark as an exception 'N'
            if EmployeeWorkAreaLog.objects.filter(Q(employee_number=emp_num) & Q(time_out__isnull=True) & Q(time_exceptions="")).count() > 1:
                first = EmployeeWorkAreaLog.objects.filter(employee_number=emp_num, time_out__isnull=True).order_by('-time_in').first()
                EmployeeWorkAreaLog.objects.filter((Q(employee_number=emp_num) & Q(time_out__isnull=True))).exclude(pk=first.pk).update(time_exceptions='N')

            # Here would be the rendering of the page, maybe as a popup? and then saving the entered field using edited = form.cleaned_data['edited_timestamp'] and then saving it using .update()

            return HttpResponseRedirect(self.request.path_info)

我试图以某种方式做到这一点,而不是重定向到同一页面,而是呈现类似于下面的页面的内容,只是请求时间,并且在用户提交之后,它将其保存到记录中' edited_timestamp 字段。

update_edited_timestamp.html

<div>
    <form id="warehouseForm" action="" method="POST" class="form-horizontal">
        <label>Enter estimated time:</label>
        <input value="html()" type="datetime-local" name="edited_timestamp">
    </form>
</div>

添加我的主要html页面,以防万一。当该人点击“ Enter”按钮时,即视图中的逻辑开始。

enter_exit_area.html

{% extends "operations/base.html" %}

{% block main %}
    <form id="warehouseForm" action="" method="POST" class="form-horizontal" novalidate >
        {% csrf_token %}

        <div>
            <div>
                <div style="color: red">{{ form.employee_number.errors.as_text }}</div>
                <label>Employee</label>
                {{ form.employee_number }}
            </div>

            <div>
                <div style="color: red">{{ form.work_area.errors.as_text }}</div>
                <label>Work Area</label>
                {{ form.work_area }}
            </div>
            <div style="color: red">{{ form.station_number.errors.as_text }}</div>
            <div>
                <label>Station</label>
                {{ form.station_number }}
            </div>
        </div>

        <div>
            <div>
                <button type="submit" name="enter_area" value="Enter">Enter Area</button>
                <button type="submit" name="leave_area" value="Leave">Leave Area</button>
            </div>
        </div>
    </form>
{% endblock main %}

0 个答案:

没有答案