2015-11-03 45 views
0

我有一个应用程序与动态字段设置。这些字段正在用茧生成并使用jquery数据表进行样式化。为了建立任何字段集的ID,茧显然放置一个隐藏的输入外面包含的字段的元素,像这样:jquery datatables砍掉茧隐藏输入

<tr class="nested-fields stockholder"> 
    <td class="cell stockholder"></td> 
    <td class="cell issue_date"></td> 
    <td class="cell shares_issued"></td> 
    <td class="cell shares_repurchased"></td> 
    <td class="cell shares_canceled"></td> 
    <td class="cell shares_outstanding"></td> 
    <td class="cell edit"></td> 
</tr> 
<input id="security_stockholders_attributes_0_id" type="hidden" name="security[stockholders_attributes][0][id]" value="1"> 

注意,输入外<tr>

在最近将数据表升级到1.10.9时,我注意到datatable开始削减茧的隐藏(稍微不合适)输入元素,导致与表单功能混乱的原因显而易见。

我的问题:有要么...

  1. 一个方法来指定这个输入元素的位置?既然这样,我已经定制了自己的link_to_add_association通过以下方式:

    <%= link_to_add_association 'Add Stockholder', security, :stockholders, :"data-association-insertion-node" => "table#captable", :"data-association-insertion-method" => "append", class: "btn btn-default add-button" %> 
    

OR

  • 一个碍事的jQuery数据表容忍这种特殊的元素的位置?
  • 非常感谢您的任何想法!

    UPDATE:看来,我能在事后编辑DOM和移动隐藏输入到表格单元格,所以它似乎我可能有如果一切都有点JavaScript的一个丑陋的解决方案失败。

    回答

    0

    好的,找到了解决方法。

    这个问题实际上与茧没有太大的关系,因为它的基本fields_for作为茧的部分添加。基本上,fields_for默认包含id为隐藏input。但是有一个选项可以隐藏隐藏的id输入。所有我需要做的是以下几点:

    1. 添加选项include_id: falsesimple_fields_for
    2. <td> S的一个添加一个隐藏的输入为ID,以便:<%= f.input :id, as: :hidden %>

    更多信息,可以被发现here