Як використовувати JQuery datepicker у простому додатку Rails? - jquery, ruby-on-рейки, ajax, datepicker

Я новачок, коли справа доходить до Ruby On Rails (івеб-програмування в цілому). Я прийшов з типового фонового програмування на робочому столі. Я написав кілька простих додатків для рейок, але це моя перша спроба використання Rails3, і моє перше використання jQuery.

У мене виникають проблеми з розумінням підключеннямій jQuery datepicker до мого додатка Rails. Я впевнений, що я просто не розумію чогось основного, тому, будь ласка, виправте все, що ви бачите неправильно в моєму коді, або вкажіть мені на хорошу посилання, пояснюючи це.

Моя програма відображає дані з бази данихвикористовуючи функцію індексу, без будь-яких змін з коду рейсів за замовчуванням. У бічній панелі я поклав 2 jQuery datepickers, які я хочу використовувати для фільтрації даних на основі дати. Я хочу, щоб сторінка оновлювалася, коли я вибрав дату у виборі дати, а не коли я натискаю кнопку у формі.

Datepickers показують штраф, але я не можу "зрозуміти, як правильно підключити їх до моєї програми рельси. Ось код:

<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 -> Rails, здається, зосереджені на використанні форм, і тут я не хочу. мій контролер Rails від цієї функції.

В основному, я хочу вибрати дату, а потім повторно зробити частки на сторінці, яку я знаю, що потрібно оновити. Може бути, я просто не розумію повністю AJAX / jQuery / Rails?

Відповіді:

Основною проблемою є те, що ви не знаєте, що покласти всередину OnSelect функція

Там я б назвав ajax Функція jQuery викликає контролер, а потім використовує функцію зворотного виклику, щоб додати потрібний код HTML.

$.ajax({ url: "/mycontroller/myaction", context: document.body, success: function(){
$(this).addClass("done");
}});

Більше інформації:

• jQuery API