贴一个自定义的 symfony 的表单皮肤 应用bootstrap效果
2012-02-09 12:05
344 查看
效果如图
调用很方便
调用很方便
{% import "JcyHelperBundle:tmp:jcyForm.html.twig" as forms %} {{ forms.jcyForm(dbForm,path('JcyHelperBundle_db_set'),'Connect') }}现在上源代码
{% macro jcyForm(form,action,submit_name,onSubmitJs) %} <form action="{{ action }}" method="post" onsubmit="{{ onSubmitJs|default('') }}" {{ form_enctype(form) }}> {% if form.vars.errors|length >0 %} <div class="alert alert-error"> {% for error in form.vars.errors %} {% if loop.index>1 %}<br>{% endif %} {{ error.messageTemplate|trans(error.messageParameters, 'validators') }} {% endfor %} </div> {% endif %} {% for key,v in form.children %} {% if key != '_token' %} <div class="control-group{% if v.vars.errors|length >0 %} error{% endif %}"> <div class="input-prepend"> <label class="control-label add-on" style="width:60px;text-align:right" for="{{v.vars.id}}">{{v.vars.label}} :</label> <div class="controls"> {{ form_widget(v) }} <span class="help-inline"> {% if v.vars.errors|length >0 %} {% for error in v.vars.errors %} {% if loop.index>1 %},{% endif %} {{ error.messageTemplate|trans(error.messageParameters, 'validators') }} {% endfor %} {% endif %} </span> </div> </div> </div> {% endif %} {% endfor %} {{ form_rest(form) }} <input type=submit id="submit_btn" class="btn-primary span2" value="{{ submit_name }}"> </form> {% endmacro %}
相关文章推荐
- 基于Bootstrap实现下图所示效果的页面,一个白底的带有两个菜单项、一个下拉菜单和一个登录表单的基本导航条
- 自定义view实现一个游标效果
- SilverLight学习笔记--实际应用(一)(8):手把手建立一个Silverlight应用程序之应用自定义TextBox控件
- jqGrid与Struts2的结合应用(十) —— 真正的自定义表单查询
- Vml+Dhtml:制作一个应用渐变颜色效果不错的进度条
- 一个无刷新效果定时自动更新页面的例子(ASP.NET2.0-应用xmlhttp)
- Bootboxjs是一个简单的js库,简单快捷帮你制作一个Bootstrap的弹出框效果。
- Ladda 应用提交表单的时候显示loading载入中 包含不同位置,不同效果
- jqGrid与Struts2的结合应用(三) —— 使用自定义表单对话框编辑Grid数据
- angular应用,一个input上有自定义directive和ng-model,怎么在directive更新input的value时更新model
- bootstrap中各类表单的应用
- 源码推荐(10.10):自定义UITextFields的效果,BabyBluetooth 一个简单易用的蓝牙库
- 自定义view实现一个view的磁贴效果
- Fieldset,一个不常用的HTML标签 (表单分组实现效果,象Winfrom 里的GroupBox 在左上角显示标题.)
- 自定义一个序列化表单的方法
- 一个android应用效果开发引发的惨案(android Home按键) 推荐
- JQuery的自定义表单验证应用办法
- 初识kotlin实现一个类似烟花效果的自定义view
- 通过jquery validate和bootstrap实现表单后面提示打钩或打叉的效果和真实的表单验证
- Android GridView 中如何实现item合并,类似于桌面的应用图标效果,长按拖动,加入到另外一个已经存在的文件夹中,或者是压在另一个图标上,行成新的