django forms ajax 从 db 获取客户端数据答案

【问题标题】：django forms ajax get client's data from dbdjango forms ajax 从 db 获取客户端数据
【发布时间】：2015-06-08 03:01:55
【问题描述】：

您好，我正在尝试填写包含 payment_plan 价格的“金额”字段，而 payment_plan 是客户信息的一部分。我一直在寻找，实现它的方法是实现 Ajax，但我还没有找到 django 表单的示例，每个解决方案都与我的不同。

这是模型：

class Payment_Plans(models.Model):
    name = models.CharField(max_length=20, primary_key=True)
    price = models.IntegerField(default='0')
    def __unicode__(self):
        return self.name

class Clients(models.Model):
    id = models.IntegerField(max_length=10, primary_key=True, default=0)
    payment_plan = models.ForeignKey(Payment_Plans, null=True)
    def __unicode__(self):
        return self.id

class Payments(models.Model):
    client = models.ForeignKey(Clients)  
    month_from = models.DateField(default='1111-01-01')
    month_to = models.DateField(default='1111-01-01')
    amount = models.IntegerField(default='0')

    def __unicode__(self):
        return self.month_from.strftime('%Y-%m-%d')

这是我的付款方式：

class PaymentsForm(forms.ModelForm): 
    month_from = forms.DateField(widget=DateTimePicker(options={"format": "YYYY-MM-DD", "pickTime": False}), label="Mes desde")
    month_to = forms.DateField(widget=DateTimePicker(options={"format": "YYYY-MM-DD", "pickTime": False}), label="Mes Hasta")
    amount = forms.IntegerField(label="Monto")
    client =  forms.ModelChoiceField(queryset=Clients.objects.all(), label="Cliente")

    class Meta:
        model=Payments
        fields = ('month_from', 'month_to', 'amount', 'client')

这是模板：

{% extends 'base.html' %}
{% load bootstrap %}

{% block titulo %}Realizar Pago{% endblock%}

{% block encabezado %} 
    <h1>Realizar Pago</h1>
    <!-- Para el datepicker -->
    {{ form.media }}
{% endblock%}

{% block contenido %} 
    <form id='form' method='POST' action=''>{% csrf_token %}
        <div class="col-sm-4">
        </div>
        <div class="col-sm-4">
            {{ form.client|bootstrap }}
            {{ form.month_from|bootstrap }}
            {{ form.month_to|bootstrap }}
            {{ form.amount|bootstrap }}
            {{ form.days_left|bootstrap }}
            <input type='submit' name='submit' value='Pagar' class="btn btn-default"/>
        </div>  
    </form>
{% endblock%}

这应该像这样工作：

1) 用户选择客户端（现在它只是一个选择框，在未来的自动完成字段中）

2) 表单应查看客户的 payment_plan，然后查看 payment_plan 价格。

3) 字段应填写价格

我怎样才能做到这一点？ django表单可以吗？我应该手动编写模板而不是使用 {{forms.client}} 之类的标签吗？如果是这样，我如何获得客户？

【问题讨论】：

标签： ajax django forms autofill

【解决方案1】：

您可以使用 AJAX，您只需要知道字段的 id。在将客户端 ID 发送到视图的“客户端”字段上设置 onchange（或 .change()，如果您使用的是 jquery）事件，例如，“/client-price”将使用它来查询其他价格.类似的东西：

$( "#client" ).change(function() {
  clientID = $(this).val();
  $.ajax({
      type: "GET", // if you choose to use a get, could be a post
      url: "/client-price/?id=" + clientID,
      success: function(data) {
          $( "#amount" ).val(data.price);
});

视图/url 将采用 id。 This post 显示了您希望如何格式化视图以发送回 json 响应。

【讨论】：

【解决方案2】：

谢谢奥涅卡！经过对 ajax 和 json 的一些研究，代码如下所示：

查看：（记得import from django.http import JsonResponse）

def amount(request):
if request.method == 'GET':
    total_amount = model.amount
    response_data ={}
    response_data['amount'] = total_amount

return JsonResponse(response_data)

ajax.js：

    $(document).ready(function() {
    $('#id_client').change(function(){
        var query = $(this).val();
        console.log(query);
        $.ajax({
            url : "/amount/",
            type : "GET",
            dataType: "json",
            data : {
                client_response : query
                },
            success: function(json) {
                document.getElementById('id_amount').value=json.amount;
            },
            failure: function(json) { 
                alert('Got an error dude');
            }
        });
    });
});

url.py 添加对应行：

 url(r'^amount/$', 'main.views.amount', name='amount'),

【讨论】：