Django - 基於下拉框選擇過濾和顯示模型

我想顯示基於下拉框選擇過濾的模型中的表格。我使用表單創建了一個下拉列表。下拉列表中的值是sensor_loc_blg的不同值。如果用戶從下拉框中進行選擇，那麼將過濾顯示所有具有sensor_loc_blg作爲選定值的行的表。Django - 基於下拉框選擇過濾和顯示模型

以下是我的嘗試：

models.py

class SensorsTable(models.Model): 
    sensor_uuid = models.CharField(primary_key=True, max_length=32) 
    sensor_desc = models.CharField(max_length=256) 
    sensor_mid = models.CharField(max_length=256) 
    gw_uuid = models.CharField(max_length=32, blank=True, null=True) 
    sensor_loc_lat = models.DecimalField(max_digits=11, decimal_places=8, blank=True, null=True) 
    sensor_loc_long = models.DecimalField(max_digits=11, decimal_places=8, blank=True, null=True) 
    sensor_loc_blg = models.CharField(max_length=100, blank=True, null=True) 
    sensor_loc_room = models.CharField(max_length=100, blank=True, null=True) 
    sensor_loc_position = models.CharField(max_length=100, blank=True, null=True) 

    class Meta: 
     managed = False 
     db_table = 'sensors_table' 

    def __str__(self): 
     return self.sensor_uuid

forms.py

from django import forms 
from .models import * 


class LocationChoiceField(forms.Form): 

    locations = forms.ModelChoiceField(
     queryset=SensorsTable.objects.values_list("sensor_loc_blg", flat=True).distinct(), 
     #empty_label=None 
    )

views.py

from django.http import HttpResponse 
from django.template import loader 
from django.shortcuts import render 
from django.views.generic.edit import CreateView 
from .forms import * 

from .models import * 

#def index(request): 
# return HttpResponse("Smart Uni Analytics Test") 


def index(request): 

    if request.method =='POST': 
     location_list = LocationChoiceField(request.POST) 

     if location_list.is_valid(): 
      selected_location = location_list.cleaned_data['locations'] 
      query_results = SensorsTable.objects.filter(sensor_loc_blg= selected_location) 

     else: 
      location_list = LocationChoiceField() 
      query_results = SensorsTable.objects.all() 

    else: 
     location_list = LocationChoiceField() 
     query_results = SensorsTable.objects.all() 




    context = { 
     'query_results': query_results, 
     'location_list': location_list, 

    } 
    return render(request,'analytics/index.html', context)

的index.html

<body> 

<div class="container"> 
    <p></p> 
    <form method=POST action=""> 
     {{ location_list }} 

    </form> 



    <h1>All sensors</h1> 
    <table> 

     {% for item in query_results %} 
     <tr> 
      <td>{{ item.sensor_uuid }}</td> 
      <td>{{ item.sensor_desc }}</td> 
      <td>{{ item.sensor_mid }}</td> 
      <td>{{ item.gw_uuid }}</td> 
      <td>{{ item.sensor_loc_blg }}</td> 
      <td>{{ item.sensor_loc_room }}</td> 
      <td>{{ item.sensor_loc_position }}</td> 
     </tr> 
     {% endfor %} 
    </table> 
</div> 
</body>

我對此很新。有人能告訴我這裏有什麼問題嗎？我需要爲此使用Ajax嗎？

來源

2017-08-11 Tara Sutjarittham

如果你的罰款，重新加載頁面，它有沒有問題，這樣做與Django的。但是如果你只想改變query_result部分而不重新加載整個頁面，當然你需要使用Ajax。 – Jayground

解決方案

views.py

def index(request): 


    location_list = LocationChoiceField() 

    if request.GET.get('locations'): 
     selected_location = request.GET.get('locations') 
     query_results = SensorsTable.objects.filter(sensor_loc_blg=selected_location) 
    else: 
     query_results = SensorsTable.objects.all() 


    context = { 
     'query_results': query_results, 
     'location_list': location_list, 

    } 
    return render(request,'analytics/index.html', context)

的index.html

<body> 

<div class="container"> 
    <p></p> 
    <form method="get" action="{% url 'index' %}"> 
     {{ location_list }} 
     <input type="submit" > 
    </form> 



    <h1>All sensors</h1> 
    <table> 

     {% for item in query_results %} 
     <tr> 
      <td>{{ item.sensor_uuid }}</td> 
      <td>{{ item.sensor_desc }}</td> 
      <td>{{ item.sensor_mid }}</td> 
      <td>{{ item.gw_uuid }}</td> 
      <td>{{ item.sensor_loc_blg }}</td> 
      <td>{{ item.sensor_loc_room }}</td> 
      <td>{{ item.sensor_loc_position }}</td> 
     </tr> 
     {% endfor %} 
    </table> 
</div> 
</body>

來源

2017-08-11 04:30:07

Django - 基於下拉框選擇過濾和顯示模型

回答

相關問題