1. 云栖社区>
  2. PHP教程>
  3. 正文

贴一个自定义的 symfony 的表单皮肤 应用bootstrap效果

作者:用户 来源:互联网 时间:2017-12-01 20:50:14

效果

贴一个自定义的 symfony 的表单皮肤 应用bootstrap效果 - 摘要: 本文讲的是贴一个自定义的 symfony 的表单皮肤 应用bootstrap效果, 效果如图    调用很方便 [html]{% import "JcyHelperBundle:tmp:jcyForm.html.twig" as forms %} {{ forms.jcyForm(dbForm,path('JcyHelp

效果如图

 贴一个自定义的 symfony 的表单皮肤 应用bootstrap效果

 

调用很方便


[html]
{% import "JcyHelperBundle:tmp:jcyForm.html.twig" as forms %} 
{{ forms.jcyForm(dbForm,path('JcyHelperBundle_db_set'),'Connect') }} 
{% import "JcyHelperBundle:tmp:jcyForm.html.twig" as forms %}
{{ forms.jcyForm(dbForm,path('JcyHelperBundle_db_set'),'Connect') }}
现在上源代码[html]
{% macro jcyForm(form,action,submit_name,onSubmitJs) %} 
<form action="{{ action }}" method="post" onsubmit="{{ onSubmitJs|default('') }}" {{ form_enctype(form) }}> 
{% if form.vars.errors|length >0 %} 
<p class="alert alert-error"> 
{% for error in form.vars.errors %} 
{% if loop.index>1 %}<br>{% endif %} 
{{ error.messageTemplate|trans(error.messageParameters, 'validators') }} 
{% endfor %} 
</p> 
{% endif %} 
{% for key,v in form.children %} 
{% if key != '_token' %} 
<p class="control-group{% if v.vars.errors|length >0 %} error{% endif %}"> 
    <p class="input-prepend"> 
    <label class="control-label add-on" style="width:60px;text-align:right" for="{{v.vars.id}}">{{v.vars.label}} :</label> 
        <p 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> 
        </p> 
    </p> 
</p> 
{% endif %} 
{% endfor %} 
{{ form_rest(form) }} 
<input type=submit id="submit_btn" class="btn-primary span2" value="{{ submit_name }}"> 
</form> 
{% endmacro %}


摘自 jiaochangyun的专栏

以上是云栖社区小编为您精心准备的的内容,在云栖社区的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索的 效果 ,以便于您获取更多的相关知识。