एक simple_form चेकबॉक्स संग्रह

Question

मैं बहुत की तरह एक संग्रह के लिए चेक बॉक्स की सूची तैयार कर रहा हूँ करने के लिए एक मूल्य-आधारित डेटा गुण जोड़ना एक चयन विजेट का मूल्य फॉर्म में ऊपर है। (उदाहरण के लिए रोबोट से "ट्रैकर रोबोट" चुनने का अर्थ है कि "पैर" भाग चेकबॉक्स गायब हो जाता है और "व्हील" चेकबॉक्स प्रकट होता है, आदि)

मैं जो करना चाहता हूं वह प्रत्येक को एक गणना डेटा विशेषता संलग्न करता है व्यक्तिगत भाग चेकबॉक्स, विशेषता मूल्य के साथ रोबोट सूचीबद्ध करता है जो उस भाग का उपयोग कर सकते हैं; तो कुछ जेएस चेकबॉक्स को छिपाने/दिखाने का काम करेंगे। हालांकि, मुझे नहीं पता कि मैं सरल_फॉर्म का उपयोग करके उन डेटा विशेषताओं को कैसे उत्पन्न कर सकता हूं।

मैं आमतौर पर कस्टम "पार्ट्स" इनपुट बनाउंगा, लेकिन कस्टम संग्रह इनपुट बनाने में कोई समस्या है; यह form_builder.rb के अंदर एक नामित विधि (collection_parts) की तलाश करता है, जो अस्तित्व में नहीं होगा, और यदि मैं फॉर्मबिल्डर को आजमाकर विस्तारित करता हूं तो यह मुझे एक प्रमुख खरगोश छेद भेजता है।

मैं जेनरेट किए गए एचटीएमएल में डेटा एटर्स लोड करने के लिए कुछ जेएस लिख सकता हूं, लेकिन फिर मुझे अपने रेल डेटा के आधार पर कस्टम जेएस जेनरेट करना होगा, और ऐसा करने के गलत तरीके की तरह लगता है।

Answer 1

मुझे लगता है कि आप इसे इस प्रकार कर सकते हैं:

= f.input :parts do 
    = f.collection_check_boxes :parts, @parts_list, :id, :to_s, item_wrapper_tag: :label, item_wrapper_class: :checkbox do |b| 
    - b.check_box(data: { YOUR DATA ATTRIBUTES HERE }) + b.text 

Answer 2

SimpleForm में कुछ इनपुट विकल्प एक लैम्ब्डा एक संग्रह में हर आइटम के लिए बुलाया जाता है कि स्वीकार करते हैं:

f.input :role_ids, :collection => (1..10).to_a, 
    :label_method => :to_i, :value_method => :to_i, 
    :as => :check_boxes, :required=> true, 
    :disabled => ->(item){ item.even? } 

लेकिन input_html नहीं है उनमें से एक प्रतीत होता है।

समाधान शायद एक कस्टम SimpleForm संग्रह इनपुट बनाने के लिए है जो डेटा विशेषताओं को लागू करता है। शायद लचीला नहीं है, लेकिन मुझे लगता है कि अब यह एकमात्र तरीका है।

There's a tutorial page on GitHub जो आपको शुरू करना चाहिए।

Answer 3

मान लें कि यह फ़ॉर्म Order मॉडल के लिए है और आप संग्रह को region नामक फ़ील्ड के मान के आधार पर बदल रहे हैं।

फ़ॉर्म दृश्य अपडेट करें। फॉर्म के लिए आईडी निर्दिष्ट करें, region फ़ील्ड और parts फ़ील्ड।

= simple_form_for(@order, :html => { :id => "order-form"}) do |f| 
    = f.input :region, :wrapper_html => { :id => "order-form-region",      | 
     "data-parts-url" => parts_orders_path(:id => @order.id, :region => @order.region)} | 

    = f.input :parts, as: check_boxes, collection: @parts_list,       | 
     :wrapper_html => { id' => 'parts-check-box-list'}         | 

route.rb फ़ाइल में parts नामक एक नया एक्शन जोड़ें।

resources :orders do 
    collection do 
    get :parts 
    end 
end 

अपने नियंत्रक

class OrdersController < ApplicationController 

    # expects id and region as parameters 
    def parts 
    @order = params[:id].present? ? Order.find(params[:id]) : Order.new 
    @parts_list = Part.where(:region => params[:region]) 
    end 
end 

के लिए नया एक्शन जोड़ें एक सहायक

def parts_collection(order, parts_list) 
    "".tap do |pc| 
    # to generate the markup for collection we need a dummy form 
    simple_form_for(order) do |f| 
     pc << f.input(:parts, as: check_boxes, collection: parts_list, 
     :wrapper_html => {:id => 'parts-check-box-list'}) 
    end 
    end 
end 

जोड़े कार्रवाई (orders/parts.js.erb)

$('#parts-check-box-list').replaceWith('<%= j(parts_collection(@order, @parts_list)) %>'); 

रजिस्टर डेटा के लिए एक js दृश्य जोड़े घटना बदलें अपने application.js

$(document).ready(function() { 
    $('#order-form').on("change", "#order-form-region", function() { 
    // Access the data-parts-url set in the region field to submit JS request 
    $.getScript($(this).attr('data-parts-url')); 
    }); 
}); 

Answer 4

में region क्षेत्र के लिए संचालकों यह आसान हो सकता।

अनुमान

@robots - an array containing the list of robots 
@parts - a hash containing a list of parts for each robot 

नमूना कोड

# controller 
@robots = %w[tracker nontracker] 
@parts = { tracker: %w[wheels lcd resistor], nontracker: %w[lcd resistor] } 

# view 
= f.input :robots, as: :select, collection: @robots, input_html: { id: 'robot-select' } 

#parts-list 

:javascript 
    var parts = #{@parts.to_json}; 

    $(document).ready(function() { 
    $('#robot-select').change(function() { 
     $('#parts-list').html(''); 

     $(parts[$(this).val()]).each(function(index, text) { 
     $('#parts-list').append('<input type="checkbox" value=' + text + '>' + text + '</input>') 
     })   
    }) 
    }) 

अगर आप https://github.com/jvnill/simple_form_search_app क्लोन और /robots