best_in_place मणि

Question

के साथ सत्यापन त्रुटियों को प्रदर्शित नहीं कर सकता है मैं रेल 3.0.9 के साथ best_in_place मणि का उपयोग कर रहा हूं। ऐसा लगता है कि मेरे पास सब कुछ काम कर रहा है। मैंने इंस्टॉलेशन निर्देशों का पालन किया और मैं किसी आइटम पर क्लिक करने, इसे संपादित करने और AJAX के साथ एक ही स्थान पर सहेजने में सक्षम हूं।

हालांकि, सत्यापन कार्यक्षमता का परीक्षण करते समय, लेकिन फर्जी डेटा डालने पर, त्रुटि संदेश प्रदर्शित नहीं होता है।

मुझे यकीन नहीं है कि यह जावास्क्रिप्ट के माध्यम से जादुई रूप से किया जाना चाहिए, या अगर मुझे किसी प्रकार का div टैग या कुछ ऐसा त्रुटि संदेश प्रदर्शित किया जा सकता है जहां त्रुटि संदेश प्रदर्शित किया जा सकता है।

फ़ायरबग में इस में जांच कर, मुझे सही जेसन प्रतिक्रिया मिल रही है। मेरे मामले में मैं

[ "ऋण की लंबाई अमान्य है"]

देख सकते हैं, लेकिन यह कहीं भी गाया न हो।

क्या सत्यापन और त्रुटि को प्रस्तुत करने के लिए मुझे कुछ और करने की आवश्यकता है? यह purr.js. के माध्यम से प्रदर्शित किया जाना चाहिए मैं, के अलावा मेरी सार्वजनिक निर्देशिका में जावास्क्रिप्ट फ़ाइलें डाल कुछ करने की ज़रूरत application.js में best_in_place शुरू करने और

<p> 
    <b>Debts:</b> 
    <%= best_in_place @prospect, :debts, :type => :input %> 
</p> 

डाल ध्यान में रखते हुए है?

Answer 1

आपकी समस्या मेरी तरह ही लगती है: Railscast #302 पर ध्यान से जांच कर, मैंने देखा कि त्रुटि संदेश प्रिंट कर रहा था लेकिन पृष्ठ के निचले बाएं हिस्से में, देखना मुश्किल और याद करने में आसान था।

purr CSS कोड सूचीबद्ध है कि पृष्ठ प्रारूपित करेगा और इसे वेब पेज पर अधिक स्पष्ट रूप से प्रदर्शित करेगा।

उम्मीद है कि इससे मदद मिलती है।

Answer 2

आपका सही नियंत्रक कार्रवाई

def update 
    .. 
    respond_to do |format| 
    format.json { render json: @prospect } 
    end 
end 

जोड़ सकते हैं या बजाय respond_with_bip सहायक का उपयोग करना चाहिए। और भूल नहीं है .purr सीएसएस वर्ग को परिभाषित करने के लिए, "बेस्ट प्लेस में" मणि त्रुटि संदेश प्रदर्शित करने के लिए jQuery म्याऊँ प्लगइन का उपयोग करता है:

.purr { 
    position: fixed; 
    top: 30px; 
    right: 100px; 
    width: 250px; 
    padding: 20px; 
    background-color: #FCC; 
    border: solid 2px #C66; 
    &:first-letter { text-transform: uppercase; } 
} 

Answer 3

लें देखभाल। Application.js में jquery.purr की बजाय best_in_place.purr प्लगइन जोड़ें। यह मेरे लिए काम किया।

//= require jquery 
//= require jquery_ujs 
//= require bootstrap 
//= require best_in_place.purr 
//= require best_in_place 
//= require_tree .