2013-05-03 31 views
6

के साथ रेल रिमोट टकराव मुझे ट्विटर बूटस्ट्रैप & रेल डेटा-रिमोट लिंक के साथ समस्या है।बूटस्ट्रैप रिमोट मोडल

मैं data-remote="/path/to/data" के साथ मोडल सामग्री लोड करता हूं। सबकुछ काम करता है जैसा मैं चाहता हूं लेकिन दो अनुरोध बनाएं।

= link_to '#myModal', 'Click here', data: {toggle: 'modal', remote: '/path'} 

पहले रेल डेटा-reomte जो पेज मैं और कहा कि बूटस्ट्रैप उसकी requets बनाता है और मॉडल दिखाया गया है के बाद कर रहा हूँ करने के लिए एक अनुरोध करता है।

क्या कोई तरीका है कि मैं निर्दिष्ट लिंक पर रेल रिमोट को चालू कर सकता हूं या वास्तव में यह एक और समस्या है?

+0

शायद कुछ संदर्भ गायब हैं, लेकिन अगर आप अपने मोडल की सामग्री लोड कर रहे हैं तो आप अपने रिमोट को क्यों बंद करना चाहते हैं? बूटस्ट्रैप से अनुरोध केवल उस मॉडल को दिखाने के लिए प्रयोग किया जाता है जिसे मैं मानता हूं और _really_ http अनुरोध नहीं है। –

+0

बूटस्ट्रैप डेटा-रिमोट के माध्यम से सामग्री लोड कर रहा है और रेल एक अनुरोध प्राप्त कर रहा है। मैं केवल मोडल लोड होना चाहता हूं। – sandelius

उत्तर

5

मॉडल पर बूटस्ट्रैप दस्तावेज़ के अनुसार: http://twitter.github.io/bootstrap/javascript.html#modals

आप डेटा API का उपयोग कर रहे हैं, तो आप वैकल्पिक रूप से href टैग दूरदराज के स्रोत निर्दिष्ट करने के लिए उपयोग कर सकते हैं। इस का एक उदाहरण नीचे दिखाया गया है:

<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a> 

तो, आपके अनुरोध अक्षम रेल UJS डेटा API द्वारा पूरा किया जा सकता है और बूटस्ट्रैप के उपयोग करें। इस तरह

<a data-toggle="modal" href="remote.html" data-target="#modal" 
data-remote="false">click me</a> 

आपके मामले में। सर्वर साइड कोड

= link_to 'Click here', '/path_for_bootstrap', 
    data: {toggle: 'modal', remote: false, target: "#myModal"} 

अद्यतन या बेहतर, remote बिल्कुल क्योंकि कोई भी यह की जरूरत है, या तो बूटस्ट्रैप या UJS परिभाषित करने की आवश्यकता!

= link_to 'Click here', '/path_for_bootstrap', 
    data: {toggle: 'modal', target: "#myModal"} 
+0

आह, अगर मैंने रिमोट को हटा दिया है: झूठी यह काम करता है और केवल एक अनुरोध बना है। धन्यवाद!! – sandelius

+0

@ सैंडेलियस, आह, हाँ :) वास्तव में आपको इस मामले में 'रिमोट' को परिभाषित करने की आवश्यकता नहीं है। –

+0

एचएम .. मैं "नो-जावास्क्रिप्ट क्लाइंट" संगत कोड बनाना चाहता था .. बूटस्ट्रैप हमें जेएस (या मकड़ियों) वाले ब्राउज़र के लिए href सेट करने और जेएस समर्थन वाले ब्राउज़र के लिए डेटा-रिमोट सेट करने की अनुमति देता है। – knagode

संबंधित मुद्दे