2014-05-13 67 views
3

我有一個理解Symfony 2中的表單組件的問題,首先我想用一些引導類自定義我的表單,但問題是我不知道如何,因爲在樹枝模板中只有這些線路自定義Symfony 2形式與引導

{% extends 'Bundle::layout.html.twig' %} 

{% block content -%} 
<div class="panel-heading"> <h3>Category</h3></div> 
    <div class="panel-body"> 

     {{ form(edit_form) }} 

      <ul class="record_actions"> 
     <li> 
      <a href="{{ path('category') }}"> 
      Back to the list 
      </a> 
     </li> 
     <li>{{ form(delete_form) }}</li> 
     </ul> 
    </div> 
{% endblock %} 

比如我想用表格來改變這樣的引導

<div class="container"> 

    <div class="panel panel-default"> 
    <div class="panel-heading">Category </div> 
     <div class="panel-body"> 
     <form class="form-horizontal"> 

     <div class="form-group"> 
      <label for="Name" class="control-label col-xs-2"> CategoryName</label> 
      <div class="col-xs-6"> 
       <input type="text" class="form-control" required="" id="Name" placeholder="Category name" > 
      </div> 
     </div> 



     <div class="form-group"> 
      <div class="col-xs-offset-2 col-xs-10"> 
       <button type="submit" class="btn btn-primary">Edit</button> 
      </div> 
     </div> 

     </form> 
+0

檢查你的表單輔助 – Viscocent

+1

檢查'form_div_layout。 html.twig'你可以在那裏編輯它 – Viscocent

+1

如果你不想重寫表單函數你可以使用'form_'函數分別渲染所有部分http://symfony.com/doc/current/reference/forms/twig_reference .html –

回答

4

我相信你在找什麼在Rendering each field manually在Symfony的文檔中找到。所以你想爲你的表單做這樣的事情:

<div class="panel-body"> 

    {{ form_start(edit_form }} 

    <div class="form-group"> 
     {{ form_label(edit_form.categoryName, 'CategoryName', {'label_attr': {'class': 'control-label col-xs-2'}}) }} 
     <div class="col-xs-6"> 
      {{ form_widget(edit_form.categoryName, {'attr': {'class': 'form-control'}}) }} 
     </div> 
    </div> 

    <div class="form-group"> 
     <div class="col-xs-offset-2 col-xs-10"> 
      <button type="submit" class="btn btn-primary">Edit</button> 
     </div> 
    </div> 
    {{ form_end(form) }} 
</div> 

或沿着這些線。正如你所看到的,你可以添加類到樹枝渲染表單。爲樹枝模板功能的完整參考,請參閱該文檔Twig Reference

如果您呈現與樹枝按鈕爲好,那麼你可以這樣做:

<div class="form-group"> 
    <div class="col-xs-offset-2 col-xs-10"> 
     {{ form_widget(form.editButton, {'attr': {'class': 'btn btn-primary'}}) }} 
    </div> 
</div> 
+0

問題是,它仍然給自定義引導編輯按鈕 – user1655410

+0

之前,你還在渲染從樹枝按鈕之前的舊編輯按鈕?我剛剛添加了一個示例,將一個類添加到按鈕中呈現的按鈕中 – Sehael