जब रूबी ऑन रेल की बात आती है तो मैं नौसिखिया हूं (औरसामान्य रूप से वेब प्रोग्रामिंग)। मैं एक ठेठ डेस्कटॉप प्रोग्रामिंग पृष्ठभूमि से आया हूँ। मैंने कुछ सरल रेल अनुप्रयोगों को लिखा है, लेकिन यह रेल 3 का उपयोग करने और jQuery का मेरा पहला उपयोग करने का पहला प्रयास है।
मुझे कनेक्ट करने के तरीके को समझने में परेशानी हो रही हैमेरे रेल आवेदन के लिए मेरी jQuery डेटपिकर। मुझे यकीन है कि मैं कुछ बुनियादी समझ नहीं रहा हूं, इसलिए कृपया मेरे कोड में गलत कुछ भी सही करें, या मुझे यह बताते हुए एक अच्छे संदर्भ में इंगित करें।
मेरा एप्लिकेशन डेटाबेस से डेटा प्रदर्शित करता हैडिफ़ॉल्ट रेल कोड से किसी भी संशोधन के बिना, इंडेक्स फ़ंक्शन का उपयोग करना। साइडबार में, मैंने 2 jQuery डेटपिकर्स लगाए हैं जिन्हें मैं इस डेटा को दिनांक के आधार पर फ़िल्टर करने के लिए उपयोग करना चाहता हूं। जब मैं दिनांक पिकर में दिनांक चुनता हूं, तो मैं पृष्ठ को अपडेट करना चाहता हूं, न कि जब मैं किसी फॉर्म में कुछ बटन क्लिक करता हूं।
डेटपिकर्स ठीक दिखते हैं, लेकिन मैं यह नहीं समझ सकता कि उन्हें अपने रेल एप्लिकेशन में सही तरीके से कैसे कनेक्ट किया जाए। यहां कोड है:
<script type="text/javascript">
$(function() {
$("#from_filter").datepicker({
showOn: "both",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
onSelect: function(date,inst) {
}
});
$("#to_filter").datepicker({
showOn: "both",
buttonImage: "images/calendar.gif",
buttonImageOnly: true,
onSelect: function(date,inst) {
}
});
});
</script>
<div id="sidebarwindow">
<div id="sidebarwindowheader">Date Filter</div>
<table id="hor-zebra">
<tr>
<td><label for="from_filter">From:</label></td>
<td><div id="datepicker"><%= text_field_tag "from_filter" %></div></td>
</tr>
<tr>
<td><label for="to_filter">To:</label></td>
<td><div id="datepicker"><%= text_field_tag "to_filter" %></div></td>
</tr>
</table>
</div>
मैंने काफी कुछ किया है, लेकिन मैं खो गया हूंजल्दी से jQuery के अधिकांश उदाहरण -> रेल रूपों का उपयोग करने पर ध्यान केंद्रित करते हैं, और यहां मैं नहीं चाहता हूं। मैंने एक चेतावनी () के साथ सत्यापित किया है कि ऑन-सिलेक्ट () सही तरीके से काम कर रहा है, लेकिन मुझे नहीं पता कि कॉल कैसे करें उस समारोह से मेरे रेल नियंत्रक।
असल में, मैं एक तिथि चुनना चाहता हूं, और उसके बाद उस पृष्ठ पर आंशिक रूप से प्रस्तुत करना चाहता हूं जिसे मुझे अपडेट करने की आवश्यकता है। शायद मैं पूरी तरह से AJAX / jQuery / रेल समझ नहीं आता?
उत्तर:
उत्तर № 1 के लिए 1असल में आपकी समस्या यह है कि आप नहीं जानते कि अंदर क्या रखा जाए OnSelect समारोह।
वहां मैं फोन करूंगा ajax अपने कंट्रोलर को कॉल करने के लिए jQuery फ़ंक्शन, और उसके बाद आवश्यक HTML कोड जोड़ने के लिए कॉलबैक फ़ंक्शन का उपयोग करें।
$.ajax({ url: "/mycontroller/myaction", context: document.body, success: function(){
$(this).addClass("done");
}});
और जानकारी: