2013-07-18 42 views
4

我的形式类型具有收集场:的symfony 2,形式收集,验证错误

$builder->add('affiliates', 'collection', array(
    'type' => new AffiliateFormType(), 
    'allow_add' => true, 
    'allow_delete' => true, 
    'by_reference' => false, 
)); 

在模板我有:

<table id="affiliates" > 
    <tr> 
     <th class="t1c0"></th> 
     <th class="t1c1" data-prototype="{{ form_widget(form.affiliates.vars.prototype.affiliate_name)|e }}">Name</th> 
     <th class="t1c2" data-prototype="{{ form_widget(form.affiliates.vars.prototype.affiliate_type_code)|e }}">Type</th> 
     <th class="t1c3" data-prototype="{{ form_widget(form.affiliates.vars.prototype.address)|e }}">Address</th> 
    </tr> 
    {% for affiliate in form.affiliates %} 
    <tr> 
     <td class="t1c0"><input type="button" class="delete_button" value="Delete"/></td> 
     <td class="t1c1">{{ form_widget(affiliate.affiliate_name) }}{{ form_errors(affiliate.affiliate_name) }}</td> 
     <td class="t1c2">{{ form_widget(affiliate.affiliate_type_code) }}{{ form_errors(affiliate.affiliate_type_code) }}</td> 
     <td class="t1c3">{{ form_widget(affiliate.address) }}{{ form_errors(affiliate.address) }}</td> 
    </tr> 
    {% endfor %} 
</table> 
<input type="button" class="add_button" value="Add line" onclick="addAffiliate();"/> 

现在javasript代码(与jquery)用于添加/删除行是:

<script language="javascript"> 

    var affiliatesCollection = $('table#affiliates'); 

    $(document).ready(function(){ 
     var rowCount = $('table#affiliates tr').length; 
     affiliatesCollection.data('index', rowCount - 1); 

     $('.delete_button').click(function(e) { 
      $(this).closest("tr").remove(); 
     }); 
    }); 

    function addAffiliate() { 
     //get index 
     var index = affiliatesCollection.data('index'); 
     affiliatesCollection.data('index', index + 1); 

     //add row 
     var cells = new Array(); 
     var cell = $('<input type="button" class="delete_button" value="Delete"/>').click(function(){ 
      $(this).closest("tr").remove(); 
     }); 
     var $cell = $('<td></td>').append(cell); 
     cells[0] = $cell; 

     for (var i = 1; i < 4; i++) 
     { 
      var prototype = $('th.t1c'.concat(i)).data('prototype'); 
      var cell = prototype.replace(/__name__/g, index); 
      var $cell = $('<td></td>').append(cell); 
      cells[i] = $cell; 
     } 
     var $newRow = $('<tr></tr>').append(cells); 
     affiliatesCollection.append($newRow); 
    } 

</script> 

让说名称是必填字段。除了一种情况,上面的代码工作正常:当一行被添加并删除并再次添加时,删除的索引不再可用,如第一行的索引= 1,第二行的索引= 3;并且当提交无效表单(例如名称字段为空)时,form.isValid()正确返回false,但验证错误未显示在其各自元素下方。有人可以帮我纠正这个问题吗?谢谢。

回答

1

看一看伯恩哈德Schussek的评论在这里:

How can I add a violation to a collection?

你必须明确地设置error_bubblingfalse(默认为true)的集合,以防止起泡了树到你的主要错误形成并在那里表现为全球性错误。

由于您(就我的问题而言)您的模板中没有{% form_errors(form) %}这些全局表单错误未显示,但您的集合的错误应该在您的表单中显示为全局错误。

+2

我按照您的建议设置了error_bubbling = false,但问题仍然存在。如果模板中包含error_bubbling = true和{{form_errors(form)}},则验证错误将显示在全局范围内。 Symfony似乎无法将这些错误与实际的收集输入字段相关联,但以某种方式仍然设法得到错误。我很确定它与索引被跳过有关。它发生在新行后面是另一个新行时,并且它们的索引不是按顺序排列的(因为它们之间的行被用户删除)。 – synergetic