使用插件和不使用插件实现select的框
# 1、select框单选
# 方式1
select1 = fields.ChoiceField(
choices=[
(1,"select框方式1_1"),
(2,"select框方式1_2"),
(3,"select框方式1_3")
],
initial=1,
label="select框方式1",
label_suffix="--->",
widget=widgets.Select
)
# 方式2
select2 = fields.CharField(
initial=1,
label="select框方式2",
label_suffix="--->",
widget=widgets.Select(
choices=[
(1, "select框方式2_1"),
(2, "select框方式2_2"),
(3, "select框方式2_3")
]
)
)
# select框多选
# 方式3
select3 = fields.CharField(
initial=[1,2],
label="select框方式3",
label_suffix="--->",
widget=widgets.SelectMultiple(
choices=[
(1, "select框方式3_1"),
(2, "select框方式3_2"),
(3, "select框方式3_3")
]
)
) # 方式4
select4 = fields.MultipleChoiceField(
initial=[1,2],
label="select框方式4",
label_suffix="--->",
choices=[
(1, "select框方式4_1"),
(2, "select框方式4_2"),
(3, "select框方式4_3")
]
)
#2、Radio框
# 方式1
radio1 = fields.CharField(
initial=1,
label="Radio框方式1",
label_suffix="--->",
widget=widgets.RadioSelect(
choices=[
(1, "Radio框方式1_1"),
(2, "Radio框方式1_2"),
(3, "Radio框方式1_3")
]
)
)
# 方式2
radio2 = fields.ChoiceField(
initial=1,
label="Radio框方式2",
label_suffix="--->",
choices=[
(1, "Radio框方式2_1"),
(2, "Radio框方式2_2"),
(3, "Radio框方式2_3")
],
widget=widgets.RadioSelect
)
#3、checkbox框
# 方式1
check1 = fields.ChoiceField(
choices=[
(1, "checkbox框框方式1_1"),
(2, "checkbox框框方式1_2"),
(3, "checkbox框框方式1_3")
],
initial=[1,2],
label_suffix="--->",
label="checkbox框方式1",
widget=widgets.CheckboxSelectMultiple
) # 方式2 check2 = fields.CharField(
initial=[1,2],
label="checkbox框方式2",
label_suffix="--->",
widget=widgets.CheckboxSelectMultiple(
choices=[
(1, "checkbox框框方式2_1"),
(2, "checkbox框框方式2_2"),
(3, "checkbox框框方式2_3")
],
) )
页面效果
使用插件和不使用插件实现select的框的更多相关文章
- IDA插件栈字符串识别插件
该插件是一款可以自动识别栈上局部变量为字符串的插件,字符串形式如下,并自动的加上注释 如图:可以自动识别栈上的字符串 项目主 ...
- jQuery插件 -- 动态事件绑定插件jquery.livequery.js
http://blog.csdn.net/zzq58157383/article/details/7721974 动态事件绑定插件livequery, 可以利用它给相应的DOM元素注册事件或者触发回调 ...
- Cordova - 常用的插件汇总(附插件的安装、查询、更新、删除等命令)
Hybrid应用比web应用强大之处在于可以使运行在容器中的web内容访问 native APIs.Cordova 提供了许多插件用于调用移动设备上的API. 一,插件相关常用命令 1,查看所有已 ...
- 网站开发常用jQuery插件总结(11)折叠插件Akordeon
实现折叠菜单,可以完全不使用插件.如果使用jquery的话,实现起来也比较简单,我们只需要定义折叠菜单的样式,然后使用jquery中的渐隐渐现就可以了.如果我们自己写折叠菜单,可以方便的使用我们自己的 ...
- 网站开发常用jQuery插件总结(五)滚动条插件nanoscroller
网站在展示信息时,如果信息量过大,解决方法主要有三种.1.分页,将信息分页显示.2.整页显示,但是页面过长,影响浏览体验.3.使用滚动条,而默认滚动条样式太单一,用户体验不友好.所以我们需要美化滚动条 ...
- ctkPlugin插件系统实现项目插件式开发
插件式开发体会: 自开始写[大话QT]系列就开始接触渲染客户端的开发,说是开发不如更多的说是维护以及重构,在接手这块的东西之前自己还有点犹豫,因为之前我一直认为客户端嘛,没什么技术含量,总是想做比较有 ...
- Eclipse安装完findbugs插件后,SVN插件不可用有关问题解决
Eclipse安装完findbugs插件后,SVN插件不可用问题解决: 安装findbugs插件后,SVN插件就消失了.后来从网上查到解决方案:eclipse/configuration目录下的org ...
- gitbook 入门教程之实用插件(新增3个插件)
插件没有什么逻辑顺序,大家可以按照目录大纲直接定位到感兴趣的插件部分阅读即可. 更多插件正在陆续更新中,敬请期待... 最新更新插件 tbfed-pagefooter 版权页脚插件 gitalk 评论 ...
- IDEA插件(Android Studio插件)开发示例代码及bug解决
IDEA插件(Android Studio插件)开发示例代码及bug解决 代码在actionPerformed方法中,有个AnActionEvent e 插件开发就是要求我们复写上述的这个方法即可,在 ...
- python 全栈开发,Day58(bootstrap组件,bootstrap JavaScript 插件,后台模板,图表插件,jQuery插件库,Animate.css,swiper,运行vue项目)
一.bootstrap组件 无数可复用的组件,包括字体图标.下拉菜单.导航.警告框.弹出框等更多功能. 组件和插件的区别? 插件:一个功能,比如js文件 组件:html css js 组件包含插件 面 ...
随机推荐
- 注解(Annotation)是什么?
- 11.枚举类.md
目录 1.定义: 2.枚举类和普通类的区别: 2.1枚举类的简单构建: 2.2枚举类的成员变量.方法和构造 2.3实现接口的枚举类 1.定义: 2.枚举类和普通类的区别: 枚举类的默认修饰符是 pub ...
- getElementsByTagName
1.getElementsByTagName * document.getelementByID(id名称)* 通过id名称获取元素,它只有一个主语,docment(整个文档)** getElemne ...
- 代码规范【经理培训内容记录】[有参考:http://kb.cnblogs.com/page/179593/]
一.命名规范 方法:所有首字母大写,如BloodControl; 类:所有首字母大写: 变量:第一个首字母小写,其他首字母大写:如bloodControl; 常量:全部字母大写,可用下划线分隔:如BL ...
- 学JS的心路历程-函式(六)其余参数及预设参数
今天我们要来介绍ES6新增的其余参数及预设参数! 其余参数rest parameter …numbers可以让我们表示不确定数量的参数,并将其视为一个数组: function getVal(…numb ...
- 使用pickle进行存储变量
有时候我们需要把我们的变量内容存下来,这时我们就可以用pickle来操作. 存储操作如下所示: #!/usr/bin/python # -*- coding:utf-8 -*- import pick ...
- tensorflow pip install 安装指定版本的包并指定安装源(速度会快很多)
pip install tensorflow-gpu==1.3 pip install tensorflow-gpu==1.4 # pip install 命令行pip install -i http ...
- 安装 telnet
yum install telnet-server yum install telnet service xinetd restart 查询是否正常启动telnet netstat -tn ...
- jdbc连接模拟用户登陆密码判断
package com.aaa.demo1; import com.aaa.utils.JdbcUtils; import java.sql.Connection; import java.sql.P ...
- 材料订单不在IN_MO或者IN_SCFHEADER中
select * from in_sfcheader where MO_ID IN('001600044481'); SELECT * FROM in_sfcheader_temp where MO_ ...