ネストされた選択フィールドがあります。上のフィールドはスマートフォンのブランドを選択するために使用され、下のフィールドはそのブランドのスマートフォンモデルを選択するために使用されます。
私が直面している問題は、AJAXを使用して一番下の選択肢を制限すると、フォームが無効になることです。ただし、制限がある場合とない場合のPOSTリクエストはまったく同じです。
制限なし:
{'name': 'Ok iPhone 12 Mini', 'price': Decimal('345'), 'color': <Color: Red>, 'condition': <Condition: Refurbished by manufacturer>, 'storage': <StorageChoice: 128>, 'phone_model': <PhoneModel: iPhone 12 Mini>, 'description': '...', 'image': <InMemoryUploadedFile: pic.jpg (image/jpeg)>}
制限付き:
{'name': 'Ok iPhone 12 Mini', 'price': Decimal('345'), 'color': <Color: Red>, 'condition': <Condition: Refurbished by manufacturer>, 'storage': <StorageChoice: 128>, 'description': '...', 'image': <InMemoryUploadedFile: pic.jpg (image/jpeg)>, 'phone_model': <PhoneModel: iPhone 12 Mini>}
私が見ることができる唯一の違いは順序です。これは辞書の場合は問題ではありません。
views.py:
def product_add(request):
form = AddProductForm()
if request.method == "POST":
form = AddProductForm(request.POST, request.FILES)
form.is_valid()
form.cleaned_data['phone_model'] = PhoneModel.objects.get(id=request.POST['phone_model'])
form.cleaned_data.pop('make', None)
print(form.cleaned_data)
if form.is_valid():
form.cleaned_data['seller'] = request.user.customer
Product.objects.create(**form.cleaned_data)
else:
print(form.errors)
cart = get_cart(request)
context = {'form': form, **cart}
return render(request, 'store/product_add.html', context)
def load_models(request):
make_id = request.GET.get('make')
models = PhoneModel.objects.filter(phone_make=make_id)
return render(request, 'part/product_add_model_options.html', {'models': models})
forms.py:
class AddProductForm(forms.ModelForm):
class Meta:
model = Product
fields = ['name', 'price', 'color', 'condition',
'storage', 'phone_model', 'description', 'image']
def __init__(self, *args, **kwargs):
super().__init__(*args, **kwargs)
make = forms.ModelChoiceField(
queryset=PhoneMake.objects.all(), required=False)
self.fields['make'] = make
self.fields['phone_model'].queryset = PhoneModel.objects.none()
if 'make' in self.data:
try:
make_id = int(self.data.get('make'))
self.fields['phone_model'].queryset = PhoneModel.objects.filter(
phone_make__phone_make=make_id)
except Exception as e:
print(e)
product.html(この「選択」に「オプション」を挿入するためにJqueryスクリプトで使用されます):
<select name="phone_model" required id="id_model"> </select>
product_option.html:
<option value="">---------</option>
{% for model in models %}
<option value="{{ model.id }}">{{ model }}</option>
{% endfor %}
AddProductFormのinitメソッドには、次のクエリself.fields['phone_model'].queryset = PhoneModel.objects.filter(phone_make__phone_make=make_id)
があります。
self.fields['phone_model'].queryset = PhoneModel.objects.filter(
phone_make=make_id)
、「phone_make」フィールドがフィルターで2回言及されている
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加