Django forms select默认值和选中值的展示
Posted Q1mi
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Django forms select默认值和选中值的展示相关的知识,希望对你有一定的参考价值。
Django的forms和models一样很牛逼。他有两种功能,一是生成form表单,还有就是form表单的验证。
这里主要说一下生成form表单时经常用到的需要设置 初始值 / 默认值 的情况。
1. 前端在展示checkbox时,希望设置一个默认选中的选项。如下图:
先来看一下form是如何定义的:
也就是说我们要在前端生成页面的时候,让他把2那一项选中,要怎么做呢?
方法一:
先来看一个东西,在django/forms/widgets.py文件中,有一个字段如下图
这里有个_empty_value字段就是设置默认值的。
在定义form时,在构造方法中利用该字段为其配置默认选项:
(这里可能有疑问为啥该字段的值要是个列表?因为定义的这个form类型是一个多选。。。)
看到PEP8提示的波浪线就知道这玩意儿不是个好方法,很显然还有别的方法。
方法二:
利用initial,在定义form的时候设置初始值。
方法三:
利用initial,在生成form示例的时候设置初始值。
2. 前端在展示select时,希望设置一个默认选中的选项。如下图:(我们这里定义了一个单选的select)
还是先来看一下form的定义:
我们希望在前端显示时,能够默认选中2那一项,如下图:
这个时候基本上跟上例中都是一样的方法。
方法一:
还是在定义form的时候为city字段设置一个初始值
方法二:
在生成form实例的时候为city字段设置一个初始值
#! /usr/bin/env python # -*- coding: utf-8 -*- # __author__ = "Q1mi" # Email: master@liwenzhou.com from django import forms class SelectTestForm(forms.Form): city = forms.IntegerField( widget=forms.Select( choices=( (1, "BeiJing"), (2, "WeiHai"), (3, "RuShan"), ), attrs={ "class": "form-control", } ), required=True ) modes = forms.TypedChoiceField( coerce=lambda x: x == "1", choices=( (1, "负载均衡"), (2, "极致性能"), (3, "超级无敌"), ), widget=forms.CheckboxSelectMultiple( ), ) def __init__(self, *args, **kwargs): super(SelectTestForm, self).__init__(*args, **kwargs) # self.fields["modes"].widget._empty_value = [2, ] # 方法1 self.initial["modes"] = [2, ] # 方法2 self.initial["city"] = 2
from django.shortcuts import render, HttpResponse from testapp.forms import select_test # Create your views here. def test(request): f = select_test.SelectTestForm(initial={"city": 2, "modes": [2, ]}) # 方法2 if request.method == "POST": print(request.POST) return HttpResponse("OK") else: return render(request, "test/select_test.html", {"f": f})
3. 从数据库里查询数据返回前端展示时,如何在前端的标签中选中的指定的选项。
将数据库中查询出来的选中的authors的id作为参数传入BookForm类生成一个对象,将该form对象传到前端就可以准确展示出那些选中的值。
这里如果写成f = change_book.BookForm()的话,前端只会展示出空的表单(当然select标签会默认选中第一个),不会显示出数据库中保存的对应的值。
搜集和整理资料不易,转载请注明出处。
以上是关于Django forms select默认值和选中值的展示的主要内容,如果未能解决你的问题,请参考以下文章
如何让 select的那个请选择不被选中.获取选中的value值和html
element ui select 后台赋值后无法选中的问题