Question

我需要你的帮助，为activeadmin中的新对象提供自定义表单 - rails。我目前的解决方案是这样的。 enter image description here

嵌套属性＆＃34; Belegung＆＃34;是一个has_many关联：这是我的表单看起来

form do |f|
f.inputs "Hardware Details" do
  f.input :serial_nr, :label => "Seriennummer:"
  f.input :name, :label => "Name:"
  f.input :hardware_type, :label => "Typ:"
  f.input :location_id, :label => "Standort", as: :select, collection: Location.where(client_id: current_user.client_id)
  f.input :hardware_spec_id, :label => "Hardware-Spezifikation", as: :select, collection: HardwareSpec.all.map{ |h| [h.hardware_type, h.id] }
end
f.inputs "Belegung:" do # Makes a panel that holds inputs for a location id
  f.has_many :assignments, :heading => false do |cf|
    cf.input :row, :label => "Reihe:"
    cf.input :column, :label => "Spalte:"
    cf.input :product_id, :label => "Produkt", as: :select, collection: Product.where(client_id: current_user.client_id)
  end
end
f.actions

端

我想创建一个具有固定行数和列数的表。在每个单元格的内部，我希望有类似的东西：

for 1.. 10 do
    tr
      for 1..3
         cf.input :row = "current_row"
         cf.input :column = "current_column"
         cf.input :product_id .....

我希望你能提供帮助。 THX。

编辑：

好的，我玩了一些jquery / haml代码，现在，我目前的结果看起来像这样。

enter image description here

我的自定义视图＆＃34; html.haml＆＃34;文件看起来像这样

= semantic_form_for [:admin, @hardware], :builder => ActiveAdmin::FormBuilder do |f|


- f.inputs "Hardware" do
    - f.input :name
    - f.input :serial_nr
    - f.input :hardware_type, :label => "Typ:"
    - f.input :location_id, :label => "Standort", as: :select, collection: Location.where(client_id: current_user.client_id)
    - f.input :hardware_spec_id, :label => "Hardware-Spezifikation", as: :select, collection: HardwareSpec.all.map{ |h| [h.hardware_type, h.id] }
  - f.inputs "Belegung" do
    #assignments
  = f.actions

:javascript



    $('#hardware_hardware_spec_id').change(function(){
          //clear conent
          $('#assignments').empty();
          var id = $('#hardware_hardware_spec_id').val();
          if(id != ""

){
        var root = window.location.protocol + '//' + window.location.host;

    var spec_url = root+"/admin/hardware_specs/"+id;
    $.ajax({
      dataType: "json",
      type: "get",
      url: spec_url,
      timeout: 5000
    }).done(function(response){
        var rows = response.hardware_spec.rows;
        var columns = response.hardware_spec.columns;

        var table = $('<table></table>').addClass('foo');
        //Überschriften
        var title = $('<tr></tr>')
        var title2 = $('<th></th>');
        title.append(title2);
        for (i = 0; i < columns; i++) {
            var title1 = $('<th></th>').text('Spalte ' + i);
            table.append(title);
            title.append(title1);
        }
        for (j = 0; j < rows; j++) {
                var row_header = $('<th></th>').text('Reihe ' + j);
                row = $('<tr></tr>');
                row.append(row_header);
                for (i = 0; i < columns; i++) {
                    var input = $('<select></select>');
                    if(input.prop) {
                      var options = input.prop('options');
                    }
                    else {
                      var options = input.attr('options');
                    }

                    var products = #{Product.where(client_id: current_user.client_id).to_json.html_safe};
                    $.each(products, function(id, product){
                       options[options.length] = new Option(product.description, id);
                    });
                    var row1 = $('<td></td>');
                    row1.append(input)
                    row.append(row1);
                    table.append(row);

                }
         }

        if ($('table').length) {
             $("#assignments tr:first").after(row);
        }
        else {
            $('#assignments').append(table);
        }
    });
  }

}）;

我需要做的最后一件事是使用嵌套属性创建模型（＆＃34;硬件＆＃34;）（＆＃34; serial_nr，＆＃34; name＆＃34;，assignments =＆gt; [row ，column，product_id]＆＃34;）类似于上面的表格。谢谢

Answer 1

好的现在我通过执行以下步骤修复了我的问题：

渲染部分

ActiveAdmin.register Model do

form：partial =＆gt; 'customform'
在“/ app / views / admin / model /”中创建文件“_customform.html.haml”
在你的Haml文件中，你可以将html标签与haml-code结合起来。因此，如果您在formtastic-formbuilder中使用has_many关系时遇到问题，则可以使用以下“id”和“name”类型创建HTML输入标记。

例如：

= semantic_form_for [:admin, @parent], :builder => ActiveAdmin::FormBuilder do |f|


- f.inputs "Parent" do
    - f.input :name, :required => true
    - f.input :serial_nr, :required => true
    - f.input :location_id, :required => true, :label => "Standort", as: :select, collection: Location.where(client_id: current_user.client_id)
    - (0..5).each do |row|
      %input{:id=>"parent_childrens_attributes_#{row}_attribute", :name=>"parent[childrens_attributes][#{row}][attribute]"}

诀窍在于输入标签中的“id”和名称“definition”。现在，您可以轻松创建自定义视图并组合formtastic和html / haml代码。

或者您可以传递其他模型对象。您只需要覆盖admin-controller中的“新”或“编辑”功能。

def new
  @example = Example.where(..)
  new!
end

在您的表单中：

 @example.each do |row|
  %input{:id=>"parent_childrens_attributes_#{row}_attribute", :name=>"parent[childrens_attributes][#{row}][attribute]"}

希望这可以帮助其他人在activeadmin中创建不同的自定义表单。

Rails - ActiveAdmin - 自定义窗体显示has_many关系作为表

1 个答案: