使用插件和不使用插件实现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 组件包含插件 面 ...
随机推荐
- TWebBrowser控件彻底防止弹出新窗口
最近在编写一个使用到TWebBrowser控件的软件,浏览网页时经常会弹出各种各样的窗口,尤其是广告,让人烦不胜烦,参考网上的一些资料,针对不同的弹窗方式采取相应的措施就能禁止各种弹窗. 1. 将TW ...
- babel 基本
babel的大概知识点 . babel常用的转译器是babel-preset-env. 常用的配置选项是plugins和presets 常用的使用场景是在webpack中 https://www.cn ...
- laravel视图$errors为空
最近用laravel5.2的validator时,完全参考手册操作,结果控制器$validator->errors()->all()正常显示错误信息,$validator->fail ...
- map转换成JSON的3种方法
http://www.json.cn/JSON格式校验 1 json-lib <dependency> <groupId>net.sf.json-lib</groupId ...
- How ASP.NET MVC Works ? (Artech)
一.ASP.NET + MVC IIS与ASP.NET管道 MVC.MVP以及Model2[上篇] MVC.MVP以及Model2[下篇] ASP.NET MVC是如何运行的[1]: 建立在“伪”MV ...
- iptables学习
droidwall.sh #!/system/bin/sh IPTABLES=iptables BUSYBOX=busybox GREP=grep ECHO=echo # Try to find bu ...
- 21 week4 submit buidAndRun() node-rest-client
. 我们想实现一个提交代码的功能 这个功能有nodeserver 传到后边的server 验证 在返回给nodeserver 我们稍微修改一下ui ATOM修改文件权限不够 用下面命令 我们 Cont ...
- Structs复习 简单数据校验
jar包 web.XML <?xml version="1.0" encoding="UTF-8"?> <web-app version=&q ...
- 我理解的BFC(块级格式化上下文)
BFC(Block formatting context) 直译为"块级格式化上下文". BFC它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Bl ...
- EF AutoMaper
Mapper.CreateMap<Source,Dest>(); 该方法已弃用,使用下面这个 Mapper.Initialize(x=>x.CreateMap<Source,D ...