django bootstrap span在表单输入元素中添加了class=spann支持

django-bootstrap-span的Python项目详细描述


欢迎来到Django Bootstrap Span!
================================= < BR>
…图片::https://travis-ci.org/stumc/django-bootstrap-span.svg?分支=主
:目标:https://travis-ci.org/stumc/django-bootstrap-span
…图片::https://covertalls.io/repos/stumc/django-bootstrap-span/badge.png
:目标:https://coveralls.io/r/stumc/django-bootstrap-span < BR>
摘要
-- < BR>
当使用django和bootstrap v2(针对移动响应型网页)时,很难控制表单字段的水平宽度。 < BR>
在普通的bootstrap v2世界中,开发人员将class="span1 span2 span3…"指令添加到要控制其水平大小的输入字段元素中。这在django世界中很难做到,因为字段定义已经由底层模型或表单基础结构定义。 < BR>
在表单中手动添加这些类跨度指令似乎是重复工作(违反了django的dry原则)。 < BR>
django bootstrap span**库通过在窗体的字段上应用class="spann"css修饰符来解决此问题-设置水平窗体输入元素的有效宽度(以跨距为单位)。 < BR>
结合bootstrap v2 css,这些"spann"类定义控制表单字段元素在html中呈现的宽度。此命令的预期用途是用于django引导程序和django应用程序。 < BR>
注意,这不适用于不再使用spann类的bootstrap v3。 < BR>
工作原理
---- < BR>
此库使用从基础窗体或模型定义中收集的最大字段宽度-了解如何正确计算输入字段的类跨度属性的大小。 < BR>
因此不需要重复字段最大长度设置,因为每个字段的水平大小都是正确的HTML。 < BR>< BR>
安装
---- < BR>
使用
`` pip install django bootstrap span```。 < BR>
需要django bootstrap(这又包括twitter bootstrap v2.0)。 < BR>
用法
---- < BR>
在设置文件中安装"bootstrap"应用程序: < BR>
已安装的应用程序=(

"引导工具包",
"引导程序"

) < BR>
在每个表单模板中安装"应用引导"表单筛选器。html文件: < BR>
{%加载引导程序
{{form apply_bootstrap_span:"as_bootstrap} < BR>
默认情况下,过滤器"apply\u bootstrap"查看表单中的每个字段,并决定
要分配给它的跨度(span1到span12)。 < BR>
最多可以为输入字段分配12个跨距(默认值)-每个跨距都是根据其字段定义的最大字符宽度计算的。 < BR>
作为引导程序,"跨度"是水平屏幕宽度的任意划分-应用调整以从最大宽度(以字符为单位定义的每个窗体字段)缩放到计算跨度数。 < BR>
此缩放使用称为"每个跨度的字符数"的缩放参数完成,该参数的仲裁默认值为5。也就是说,每个跨距都被视为这个字符宽度。 < BR>< BR>
您可以更改
-要分配的最大跨距数(如果将窗体放在HTML的跨度有限)或
-每个窗体中每个跨距的字符数(以防您要更改页面字段的相对字符密度) < BR>
每种形式。 < BR>
例如,如果我想以每个跨度最多11个跨度和3个字符的宽度呈现窗体的字段,我将使用: < BR>
{{表单应用引导跨度:"11,3"作为引导} < BR>
我应该在哪里应用此跨度设置?
- < BR>
通常应将跨距设置应用于模板html文件中的表单。这是因为表单可以放在一个多列html页面中,该页面不使用默认屏幕的全部12个跨度。在这种情况下,您可以将maximum SPAN参数值设置为小于默认12个跨距的值。 < BR>
但是,您可以通过decorator在视图类中使用它,也可以通过mixin在视图类中使用它,尽管不建议这样做,因为这样做违背了MVC职责的分离(混合MVC控制器(即django视图)和MVC视图(即django的tem板文件)。 < BR>
一个更完整的例子
-- < BR>
下面是一个更完整的示例,每个跨度使用11个跨度和6个字符,全部包含在带有CRSF U令牌检查和"确定"提交按钮的表单中: < BR>
{%load bootstrap_toolkit%} < BR>
<;form method="post"action="."enctype="multipart/form data">;
{%csrf_token%}
{%load bootstrap_form_span%}
{{形式应用引导跨度:"11,5"作为引导} < BR>
<;输入type="submit"class="btn"value={%trans'确定'%}"/>; < BR>
<;表单>;

欢迎加入QQ群-->: 979659372 Python中文网_新手群

推荐PyPI第三方库


热门话题
在OSGI中使用cxf生成的客户端时出现Java类装入器问题和JaxB异常   java为什么要在javamail中迭代多部分电子邮件中的部分?   并发编程问题   JFileChooser&&System中未调用java windowClosing。退出功能不正常?   SQL查询的java语法分析   java如何使用AspectJ声明字段上的警告   什么是java向量。元素()C#等价物   java解析Android应用程序中tornado web服务中的CSV文件   java我试过c2dm,我需要服务器端   java调整JPanel大小以适应新的JLabel图标   Java与Python脚本的通信   java使用Saxon通过XSLT生成URL   java net::ERR_complete_CHUNKED_编码200(OK)来自struts应用程序中的tomcat   java如何为我的窗格设置不同的位置?   java使用Cypher Neo4j获取给定类型的所有节点(从SQL世界中的tablename中选择*)   nio使用Java解析文件值   java使用WSDL生成REST客户端会是错误的方向吗?   java如何在我的应用程序中构建类映射?   java按钮。setEnabled在第一个循环中不起作用   xPath适用于最后一页,但不适用于第一页