明霞山资源网 Design By www.htccd.com
我就废话不多说了,还是直接看代码吧!
#模板 class IndexForm(forms.Form): # 模板,用户提交的name和这里的变量名一定要是一致的.否则不能获取数据 user = forms.CharField(min_length=6, error_messages={'required': '用户名不能为空', 'min_length': '用户名长度不能小于6'}) email = forms.EmailField(error_messages={'required': '邮箱不能为空', 'invalid': '邮箱格式错误'}) """ 单选 favor = forms.ChoiceField( choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')] ) """ # 多选 favor = forms.MultipleChoiceField( choices=[(1, '小虎'), (2, '小小虎'), (3, '小B虎')] ) pass #函数 def index(request): obj = IndexForm() return render(request, "index.html", {'obj': obj}) def edit_index(request): obj = IndexForm({'user': 'root', 'email': '123@qq.com', 'favor': [2,3]}) return render(request, "index.html", {'obj': obj}) #前端 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <p>{{ obj.user }}</p> <p>{{ obj.email }}</p> <p>{{ obj.favor }}</p> </body> </html>
补充知识:django使用模板实现下拉菜单,菜单内容读取后台动态填充,并动态设置默认值
看代码吧!
<select id="heard1" class="form-control" required="" data-parsley-id="6485" name="name"> {% for name in data_list %} <option id="name" value="{{ name }}" {% if name == role_name %} selected {% endif %}>{{ name }}</option> {% endfor %} </select>
这里面的重点是:
{% if name == role_name %} selected {% endif %}
这句话中得判断条件,name就是自己从data_list中遍历出来得那个name, role_name也是自己传过来得数据,这个数据是我自己定义的另一个库中的数据,因为两个库是关联的;
data = UserManage.objects.get(id=id) role_name = data.user_role.name query_name_list_set = RolesManage.objects.values("name") data_list = [] for name_dict in query_name_list_set: data_list.append(name_dict.get("name")) return render(request, "users_manage/edit.html", {"data": data, "data_list": data_list, "role_name": role_name})
贴上代码,为了防止自己忘记了好回过头来翻看
以上这篇Python之Django自动实现html代码(下拉框,数据选择)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
明霞山资源网 Design By www.htccd.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
明霞山资源网 Design By www.htccd.com
暂无评论...