towel-foundation 0.30.0

基本模板

• base.html:

  一切的基本模板。CSS在顶部，JavaScript在底部。定义了两个您可能想了解的JavaScript数组

  • onReady：将在$(document).ready()上运行的函数列表。将jQuery实例作为第一个和唯一参数接收。

  • onForm：初始化表单的函数列表。可能在同一组元素上多次调用。接收两个参数，一个是包裹着document或DOM子集的jQuery对象，以及jQuery实例。

• towel/modal.html:

  AJAX加载的模态框模板。

以下是一些默认可用的块：

• 标题：浏览器标题

• CSS：CSS声明。

• body：在<body/>内部的所有内容，除了模板和js。

• 导航：导航栏内容。

• main：主要容器，即除了导航和页脚之外的所有内容。

• 搜索：侧边栏中嵌入的搜索表单。

• 侧边栏：侧边栏本身。

• 消息：位于页面头部和内容上方的消息容器。

• page-header：页面头部，当内部有<div class="page-header">时最有用。

• 内容：内容。

• 页脚：页脚。

• 模板：可能用于JavaScript模板，即主要针对<script type="text/template">标签。

• js：所有JavaScript文件和代码。

模型视图模板

towel_foundation附带一组与ModelView最常用的模板。请查看towel_foundation/templates/modelview/目录中的文件。

Towel模板

towel_foundation覆盖了表单项、表单错误和警告、列表页面中的排序链接以及分页的样式。

django.contrib.auth模板

登录、登出、密码更改和重置模板也包含在内。

模板标签

包含一个最常用于标记当前导航条目的模板标签。使用方法如下

{% load mark_current %}
{% mark_current request.path %}
    <li><a href="..."></a></li>
    <li><a href="..."></a></li>
    <li><a href="..."></a></li>
{% endmark_current %}

每个导航条目应独占一行；当当前URL以href属性值开头时，添加class="active"。

JavaScript辅助函数

• onReady和onForm已在上面描述。

• $.fn.flash：在淡入到完全不透明之前，先使一组元素部分透明。

• $.fn.autogrow：当应用于文本区域时，当新内容被添加时，文本区域会自动扩展高度，以防止出现滚动条。默认应用于匹配textarea.autogrow的所有元素。

• initForms([elem])：运行onForm中的所有处理器。如果没有传递对象，则默认处理document内的所有内容。

• modalLoad(url)：从远程URL加载一个Foundation模态框。这会自动激活所有匹配a[data-toggle=ajaxmodal]的元素。

• 所有AJAX请求都已修复，以与Django的CSRF保护一起工作。

第三方库

• jQuery.

• Harvest chosen.