Django依赖选择 [英] Django dependent select
本文介绍了Django依赖选择的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
class Region（models.Model）：
name = models.CharField （max_length = 255，verbose_name = _（Name））
slug = models.SlugField（max_length = 150，unique = True，null = True）
def save（self， args，** kwargs）：
if not self.slug：
self.slug = slugify（self.name）
super（Region，self）.save（* args，** kwargs ）
def __unicode __（self）：
return u'％s'％（self.name）
class Meta：
verbose_name = _（ '区域'）
verbose_name_plural = _（'Regions'）
class区域（models.Model）：
name = models.CharField（max_length = verbose_name = _（Name））
slug = models.SlugField（max_length = 150，unique = True，null = True）
region = models.ForeignKey（Region，verbose_name = _（Region ）
def save（self，* args，** kwargs）：
如果不是self.slug：
self.slug = slugify（self.name）
超级（区，自）.save（* args，** kwargs）
def is_in_region（self，region）：
if self.region == region：
return True
else：
return False
def __unicode __（self）：
return u'％s'％（self.name）
class Meta：
verbose_name = _（District）
verbose_name_plural = _（Districts）
在前端页面中，我想选择一个区域，并选择区域将显示该地区的区域。这个我的观点：
class SearchView（ListView）：
template_name ='advert / list_view.html '
def all_json_models（self，request，region）：
current_reg = Region.objects.get（slug = region）
districts = District.objects.all（）。filter （region = current_reg）
json_models = serializers.serialize（json，district）
返回http.HttpResponse（json_models，mimetype =application / javascript）
def get （self，request，* args，** kwargs）：
return self.post（request，* args，** kwargs）
def post（self，request，* args，* * kwargs）
self.request = request
try：
self.page = int（self.request.GET.get（'page'，'1'））
除了：
self.page = 1
self.queryset =
return super（SearchView，self）.get（request，* args，** kwargs）
def get_queryset（self）：
我们必须绕过queryset因为
我们正在加入几个对象列表。
return None
def get_context_data（self，** kwargs）：
context ['regions'] = Region.objects.all（）。order_by（name ）
返回上下文
get_context_data方法要长得多，但我写这里只是简单的一个我从这个网站使用这个解决方案： https://github.com/nodet07/Django-Related-DropDowns ）
models.py：
只有2个简单的模型，一个可以有很多城市的国家！
从django.db导入模型
class City（models.Model）：
name = models。 CharField（max_length = 50）
country = models.ForeignKey（Country）
def __unicode __（self）：
return u'％s'％（self.name）
class Country（models.Model）：
name = models.CharField（max_length = 50）
def __unicode __（self）：
return u'％s'％（self。名字）
views.py：
从django.shortcuts导入render
from map.models import $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $ $导入HttpResponse
def index（request）：
countries = Country.objects.all（）
打印国家
返回渲染（request，'index.html' {'countries'：countries}）
def getdetails（request）：
#country_name = request.POST ['country_name']
country_name = req uest.GET ['cnt']
打印ajax country_name，country_name
result_set = []
all_cities = []
answer = str（country_name [1 ：-1]）$ b $ b selected_country = Country.objects.get（name = answer）
打印选择的国家名称，selected_country
all_cities = selected_country.city_set.all（）
对于城市在all_cities：
打印城市名称，city.name
result_set.append（{'name'：city.name}）
返回HttpResponse（simplejson.dumps（result_set） mimetype ='application / json'，content_type ='application / json'）
索引。 html：
< html>
< head>
< script type =text / javascriptsrc =http://code.jquery.com/jquery-latest.min.js>< / script>
< script type =text / javascriptsrc =http://yourjavascript.com/7174319415/script.js>< / script>
< script>
$（document）.ready（function（）{
$（'select＃selectcountries'）。change（function（）{
var optionSelected = $（this）.find ：selected）;
var valueSelected = optionSelected.val（）;
var country_name = optionSelected.text（）;
data = {'cnt' country_name};
ajax（'/ getdetails'，data，function（result）{
console.log（result）;
$（＃selectcities option （）;
for（var i = result.length - 1; i> = 0; i--）{
$（＃selectcities）。append（'< option>'+结果[i] .name +'< / option>'）;
};
}）;
}）;
}） ;
< / script>
< / head>
< body>
< select name =selectcountriesid =selectcountries>
{％for countries in countries％}
< option val ={{item.name}}> {{item.name}}< / option>
{％endfor％}
< / select>
< select name =selectcitiesid =selectcities>
< / select>
< / body>
< / html>
I know that there is a lot of answers on this question, but i am new in Django and i dont know how to implement these solutions. First what i want to do. This is my models:
class Region(models.Model):
name = models.CharField(max_length=255, verbose_name=_("Name"))
slug = models.SlugField(max_length=150, unique=True, null=True)
def save(self,*args, **kwargs):
if not self.slug:
self.slug = slugify(self.name)
super(Region,self).save(*args,**kwargs)
def __unicode__(self):
return u'%s' % (self.name)
class Meta:
verbose_name = _('Region')
verbose_name_plural = _('Regions')
class District(models.Model):
name = models.CharField(max_length=255, verbose_name=_("Name"))
slug = models.SlugField(max_length=150, unique=True, null=True)
region = models.ForeignKey(Region,verbose_name=_("Region"))
def save(self, *args, **kwargs):
if not self.slug:
self.slug = slugify(self.name)
super(District, self).save(*args, **kwargs)
def is_in_region(self, region):
if self.region == region:
return True
else:
return False
def __unicode__(self):
return u'%s' % (self.name)
class Meta:
verbose_name = _("District")
verbose_name_plural = _("Districts")
In frontend page I want to choose one region and select with districts will show districts of this region. This my views:
class SearchView(ListView):
template_name = 'advert/list_view.html'
def all_json_models(self, request, region):
current_reg = Region.objects.get(slug=region)
districts = District.objects.all().filter(region=current_reg)
json_models = serializers.serialize("json", districts)
return http.HttpResponse(json_models, mimetype="application/javascript")
def get(self, request, *args, **kwargs):
return self.post(request, *args, **kwargs)
def post(self, request, *args, **kwargs):
self.request = request
try:
self.page = int(self.request.GET.get('page','1'))
except:
self.page = 1
self.queryset = ""
return super(SearchView, self).get(request, *args, **kwargs)
def get_queryset(self):
"""We have to bypass the queryset because
we are joining several object lists together. """
return None
def get_context_data(self, **kwargs):
context['regions'] = Region.objects.all().order_by("name")
return context
the get_context_data method is much longer but i write here only simple one. I use for this solution from this website http://www.devinterface.com/blog/en/2011/02/how-to-implement-two-dropdowns-dependent-on-each-other-using-django-and-jquery/ . But still select with districts is not working. I try to write method all_json_models to this class in views but still its not calling this method. Is here any one who can tell me why? Thx a lot
解决方案
well , i coded a whole project just for you , hope this could help :) :
in this project i we have countries which have many cities
as shown in pictures, each time you select a country , only related cities shown in next combo box :)
ok , no let's see the code
(full project source code is on my github : https://github.com/nodet07/Django-Related-DropDowns)
models.py :
just 2 simple models , a country which can have many cities !
from django.db import models
class City(models.Model):
name = models.CharField(max_length=50)
country = models.ForeignKey("Country")
def __unicode__(self):
return u'%s' % (self.name)
class Country(models.Model):
name = models.CharField(max_length=50)
def __unicode__(self):
return u'%s' % (self.name)
views.py:
from django.shortcuts import render
from map.models import *
from django.utils import simplejson
from django.http import HttpResponse
def index(request):
countries = Country.objects.all()
print countries
return render(request, 'index.html', {'countries': countries})
def getdetails(request):
#country_name = request.POST['country_name']
country_name = request.GET['cnt']
print "ajax country_name ", country_name
result_set = []
all_cities = []
answer = str(country_name[1:-1])
selected_country = Country.objects.get(name=answer)
print "selected country name ", selected_country
all_cities = selected_country.city_set.all()
for city in all_cities:
print "city name", city.name
result_set.append({'name': city.name})
return HttpResponse(simplejson.dumps(result_set), mimetype='application/json', content_type='application/json')
index.html :
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="http://yourjavascript.com/7174319415/script.js"></script>
<script>
$(document).ready(function(){
$('select#selectcountries').change(function () {
var optionSelected = $(this).find("option:selected");
var valueSelected = optionSelected.val();
var country_name = optionSelected.text();
data = {'cnt' : country_name };
ajax('/getdetails',data,function(result){
console.log(result);
$("#selectcities option").remove();
for (var i = result.length - 1; i >= 0; i--) {
$("#selectcities").append('<option>'+ result[i].name +'</option>');
};
});
});
});
</script>
</head>
<body>
<select name="selectcountries" id="selectcountries">
{% for item in countries %}
<option val="{{ item.name }}"> {{ item.name }} </option>
{% endfor %}
</select>
<select name ="selectcities" id="selectcities">
</select>
</body>
</html>
这篇关于Django依赖选择的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
