form 内置字段,数据实时更新,下拉框

用来验证 和 显示 生成html代码

类创建字段 使用参数

Field函数
    required=True,               是否允许为空
    widget=None,                 HTML插件
    label=None,                  用于生成Label标签或显示内容
    initial=None,                初始值
    help_text=‘‘,                帮助信息(在标签旁边显示)
    error_messages=None,         错误信息 {‘required‘: ‘不能为空‘, ‘invalid‘: ‘格式错误‘}
    show_hidden_initial=False,   是否在当前插件后面再加一个隐藏的且具有默认值的插件(可用于检验两次输入是否一直)
    validators=[],               自定义验证规则
    localize=False,              是否支持本地化
    disabled=False,              是否可以编辑
    label_suffix=None            Label内容后缀

form 字段(用来匹配用户输入是否符合格式和设置HTML显示样式)

(正则匹配实现)

        ChoiceField                   # 下拉框 单选

        MultipleChoiceField     # 下拉框 多选

        CharField                       # 字符串

        IntegerField                   # 整型

        DecimalField                  #  浮点数设置 总长度 小数点后位数

        DateField                        # 时间类型     格式:2015-09-01

        DateTimeField                #格式:2015-09-01 11:12

        EmailField                        # 电子邮件格式

        GenericIPAddressField    # ip
        FileField                           # 文件上传
        
        RegexField                      # 自定义正则匹配

  

CharField(Field)
    max_length=None,             最大长度
    min_length=None,             最小长度
    strip=True                   是否移除用户输入空白

IntegerField(Field)
    max_value=None,              最大值
    min_value=None,              最小值

  

DecimalField(IntegerField)
    max_value=None,              最大值
    min_value=None,              最小值
    max_digits=None,             总长度
    decimal_places=None,         小数位长度

BaseTemporalField(Field)
    input_formats=None          时间格式化   

DateField(BaseTemporalField)    格式:2015-09-01
TimeField(BaseTemporalField)    格式:11:12
DateTimeField(BaseTemporalField)格式:2015-09-01 11:12

DurationField(Field)            时间间隔:%d %H:%M:%S.%f
    ...

RegexField(CharField)
    regex,                      自定制正则表达式
    max_length=None,            最大长度
    min_length=None,            最小长度
    error_message=None,         忽略,错误信息使用 error_messages={‘invalid‘: ‘...‘}

EmailField(CharField)
    ...

FileField(Field)
    allow_empty_file=False     是否允许空文件

ImageField(FileField)
    ...
    注:需要PIL模块,pip3 install Pillow
    以上两个字典使用时,需要注意两点:
        - form表单中 enctype="multipart/form-data"
        - view函数中 obj = MyForm(request.POST, request.FILES)

  

ChoiceField(Field)
    ...
    choices=(),                选项,如:choices = ((0,‘上海‘),(1,‘北京‘),)
    required=True,             是否必填
    widget=None,               插件,默认select插件
    label=None,                Label内容
    initial=None,              初始值
    help_text=‘‘,              帮助提示

ModelChoiceField(ChoiceField)
    ...                        django.forms.models.ModelChoiceField
    queryset,                  # 查询数据库中的数据
    empty_label="---------",   # 默认空显示内容
    to_field_name=None,        # HTML中value的值对应的字段
    limit_choices_to=None      # ModelForm中对queryset二次筛选

  

GenericIPAddressField
    protocol=‘both‘,           both,ipv4,ipv6支持的IP格式
    unpack_ipv4=False          解析ipv4地址,如果是::ffff:192.0.2.1时候,可解析为192.0.2.1, PS:protocol必须为both才能启用

SlugField(CharField)           数字,字母,下划线,减号(连字符)
    ...

UUIDField(CharField)           uuid类型

form 生成 HTML

生成标签     自定制添加属性 attrs={,}

单选下拉框

radio  单选框

单select  单选下拉框

多选select  多选下拉框

checkbox  多选框

数据源实时更新

了解(设置样式时会很麻烦)

注意:依赖models中的str方法

代码

# 自定制插件  页面显示
# widget = widgets.TextInput(attrs={‘class‘:‘cls‘})  input框添加类

    # 下拉框三种写法  多选
    from django.forms import widgets
    f = fields.CharField(
        widget=widgets.Select(choices=[(1,‘上海‘),(2,‘北京‘)])
    )
    w = fields.IntegerField(
        widget = widgets.Select(choices=[(1,‘上海‘),(2,‘北京‘)])
    )
    x = fields.ChoiceField(
        choices=[(1,‘上海‘),(2,‘北京‘)],
    )

    # 单radio,值为字符串
    city = fields.CharField(
        initial=2,
        widget=widgets.RadioSelect(choices=((1,‘上海‘),(2,‘北京‘),))
    )

    # 单radio,值为字符串
    city = fields.ChoiceField(
        choices=((1, ‘上海‘), (2, ‘北京‘),),
        initial=2,
        widget=widgets.RadioSelect
    )

    # 单select,值为字符串
    city = fields.CharField(
        initial=2,
        widget=widgets.Select(choices=((1,‘上海‘),(2,‘北京‘),))
    )

    # 单select,值为字符串
    city = fields.ChoiceField(
        choices=((1, ‘上海‘), (2, ‘北京‘),),
        initial=2,
        widget=widgets.Select
    )

    # 多选select,值为列表
    city = fields.MultipleChoiceField(
        choices=((1,‘上海‘),(2,‘北京‘),),
        initial=[1,],
        widget=widgets.SelectMultiple
    )

    # 单checkbox
    city = fields.CharField(
        widget=widgets.CheckboxInput()
    )

    # 多选checkbox,值为列表
    city = fields.MultipleChoiceField(
        initial=[2, ],
        choices=((1, ‘上海‘), (2, ‘北京‘),),
        widget=widgets.CheckboxSelectMultiple
    )
 

数据源实时更新

from app01 import models
from django import forms
from django.forms import fields,widgets

class Users(forms.Form):
    age = fields.IntegerField()
    user_id = fields.IntegerField(
        # widget= widgets.Select(choices=models.Users.objects.values_list(‘id‘,‘username‘))
        widget=widgets.Select(),
    )
    def __init__(self,*args,**kwargs):
        super(Users,self).__init__(*args,**kwargs)
        self.fields[‘user_id‘].widget.choices = models.Users.objects.values_list(‘id‘,‘username‘)

def real(requset):
    obj = Users()
    return render(requset,‘index.html‘,{‘obj‘:obj}

  

原文地址:https://www.cnblogs.com/FangYi0328/p/11746322.html

时间: 2024-10-07 04:25:13

form 内置字段,数据实时更新,下拉框的相关文章

Django Form 内置字段

常用字段: Field required=True, 是否允许为空 widget=None, HTML插件 label=None, 用于生成Label标签或显示内容 initial=None, 初始值 help_text='', 帮助信息(在标签旁边显示) error_messages=None, 错误信息 {'required': '不能为空', 'invalid': '格式错误'} show_hidden_initial=False, 是否在当前插件后面再加一个隐藏的且具有默认值的插件(可用

将数据循环进下拉框中;

data-plans=[{"id":240,"title":"\u6768\u5e06-\u4f5f\u91d1\u5e7f-\u7269\u7406\u5b66\u4e60\u8ba1\u5212","user_package_id":1,"progress":0}] <div class="input-group col-xs-12" id="time" s

easyui的combobox将得到的数据设定为下拉框默认值

通过easyui做了一个表,表里是从数据库拿到的数据. 现在双击某一行,通过点击行的id取到这一行的所有数据,现在需要修改这些得到的数据, 其中部分数据是<select>这个选择的, 问题:当用户双击时,打开的页面的选择框的默认值是用户原先填写的 (现在页面直接通过${a.attr }能够拿到a类的attr属性值,现在就想把拿到的属性值设为默认值,并且还可以修改选择其它的). 原先使用的代码 (可以使用一个隐藏input[假定id为aa]得到value,再通过$("#status&q

在用户登录时,经常会出现实时的下拉框,比如输入邮箱,就会出现@qq.com,@163.com,@sohu.com

如图, 代码如下:<input id="user_sn" class="loginInput" name="user_sn" type="text" maxlength="50" value="" onkeyup="showContent(this,event,'zTree','dictSn',true,true);" autocomplete="of

EXT学习之——Ext下拉框绑定以及级联写法

/*******步骤有四个,缺一不可*********/ function () {xxxxxx = Ext.extend(construct, {InitControl: function () { var _this = this; /*****************步骤一:建数据store ******************/ //一级下拉框数据(此处注意,一定要把store写在combobox控件定义的前面,否则无法加载数据) var moduleStore = new Ext.da

雷林鹏分享:jQuery EasyUI 表单 - 创建树形下拉框

jQuery EasyUI 表单 - 创建树形下拉框 树形下拉框(ComboTree)是一个带有下列树形结构(Tree)的下拉框(ComboBox).它可以作为一个表单字段进行使用,可以提交给远程服务器. 在本教程中,我们将要创建一个注册表单,带有 name.address.city 字段.city 字段是一个树形下拉框(ComboTree)字段,在里面用户可以下拉树面板(tree panel),并选择一个特定的城市. 创建表单(Form) title="Register" butto

extjs下拉框,多选,单选,动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletResponse response) throws Exception{ JSONObject result1 = new JSONObject(); JSONArray rows1 = new JSONArray(); String search ="1=1"; List<Inducedcau

jq+css模拟模糊搜索下拉框实现

html: @*输入框*@ <div> <input type="text" style="width: 85%; height: 34px;" onkeyup="InputChange(this)" id="txtInput"> </div> @*模拟下拉框*@ <div class="divselect" id="dpSelect">

jQuery动态生成&lt;select&gt;下拉框

前一阵在项目里需要动态生成下拉框,找了一下用jQuery实现比较方便,这里整理一下. 下文所述方法只是本人在项目中遇到问题的解决方法,场景较为简单,也希望能帮助有需要的朋友 1.动态生成下拉框的两种方式 (1)将数据放在model中,JSP页面用EL表达式${}取出,该方式缺点是数据更改时必须刷新整个页面,本文不过多描述. (2)就是本文要说的jQuery动态生成了,该方式适合数据频繁变动的场景. 2.<select>组成 <select> <option value=”aa