为coccon宝石增加限制

Question

我有一个secondaryparents表，我想将添加按钮限制为1个secondaryparents。

<div id ='secondaryparents'>
  <%= f.fields_for :secondaryparents do |builder| %>
  <%= render 'secondaryparent_fields', :f => builder %>
  <% end %>
  <%= link_to_add_association 'Add Secondary Parent', f, :secondaryparents, limit: 1 %>
</div>

我尝试添加限制：1，但不起作用。 有什么办法可以做到这一点？

Answer 1

您可以使用JS事件取消操作

https://github.com/nathanvda/cocoon#canceling-a-callback

像这样：

$('#secondaryparents').on('cocoon:before-insert', function(event, insertedItem) {
  if($('css seletor').length > 1){
    event.preventDefault();
  }
});

Answer 2

我的首选方法是在达到要求的数量时隐藏链接以添加新项目。

一种简单的方法是使用cocoon:after-insert和cocoon:after-remove回调，计算触发时插入的项目数，并在需要时隐藏/显示link_to_add_association链接。

注意：由于这是UX选择，因此在cocoon中并未实现此功能。 我认为，最好不要显示我们事先知道不会产生任何结果的可点击内容。 但是意见和做法不同：)

示例实现： https : //github.com/nathanvda/cocoon/wiki/How-to-limit-the-number-of-nested-fields

Answer 3

<script type="text/javascript">
  $(function() {
    // console.log('dfdsfdsf')
  // limits the number of categories
  $('#secondaryparents').on('cocoon:after-insert', function() {
    $('#add-category a').hide();
  });

  $('#secondaryparents').on('cocoon:after-remove', function() {
    $('#add-category a').show();
  });

    if (<%= @parent.secondaryparents.length %>) {
    $('#add-category a').hide();
  }

})
</script>