2015-11-03 118 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