Tag: ruby on rails

用于rails应用程序的最佳jquery表单向导: 我需要一个多步骤注册表单向导我的rails应用程序..我知道有很多已建立的jquery解决方案，有没有人对最好的？

远程模态RoR中的jQuery UI自动完成: 我试图在我的远程模式中实现jquery ui autocomplete ，但它不起作用，而autocomplete在常规静态页面上工作。对于远程模态，我使用gem的组合： modal-responder-rails和rails-bootstrap-modal 这是我的autocomplete代码： jQuery(function() { var data = $(‘#book_subcategory_name’).data(‘autocomplete-source’); var NoResultsLabel = “No Results”; return $(‘[id*=”book_subcategory_name”]’).autocomplete({ delay: 0, position: { my: “left+0 top+4” }, source: function(request, response) { var results = $.ui.autocomplete.filter(data, request.term); if (!results.length) { results = [NoResultsLabel]; } response(results); }, select: function (event, ui) { if (ui.item.label === NoResultsLabel) […]

Rails 4 – 具有简单forms的依赖字段的JS: 我想在Rails 4中创建一个应用程序。我正在使用简单的表单forms，并且刚刚尝试使用gem’inpendent-fields-rails’来隐藏或显示基于主要问题的表单字段的子集问题。我卡住了。我已将gems添加到我的gem文件中： gem ‘dependent-fields-rails’ gem ‘underscore-rails’ 我已将我的application.js更新为： //= require dependent-fields //= require underscore 我的表格有： “Is this a project in which students may participate?”, autofocus: true %> “Is this a project students complete for credit towards course assessment?” %> “Is this project offered on a recurring basis?” %> “How often is this project […]

Rails 3：通过jQuery提交远程表单 – 防止页面重新加载: 这里我的rails表格如何： – form_tag rel_references, :remote => true, :id=>”references_form”, :method => ‘get’ do = text_field_tag :rel_id, params[:rel_id], :id=>”reference_form_rel_id” = submit_tag “Get references”, :id => “referencesubmit” 我需要使用jQuery基于DOM元素的HTML动态填充textfield #reference_form_rel_id，然后从同一个jQuery函数中提交此表单（远程）。所以这就是我在做的事情： $(“.classname”).live(‘click’,function(){ var relationship_id = $(‘#id_store’).html().trim(); $(‘#reference_form_rel_id’).val(relationship_id); // populate the text field $(‘#references_form’).submit(); // submit the form }）; 现在，表单确实已提交，但是，它没有远程提交，并且页面重新加载因此失败了：remote => true的目的。请指导我如何通过jQuery正确提交rails远程表单。谢谢！

Ruby on Rails jQuery按钮单击填充text_field: 我的edit.html.erb页面中有以下表格 f.object %> “5” %> @device.device_identifier, :readonly => true, :class => “d-id”, :id => “deviceIDfield” %> “deviceIDbutton”, :class => “btn btn-small btn-inverse”, :type => “button” %> “btn btn-large btn-primary”, :id => “white” %> 当单击“新设备标识符”时，我希望：device_identifier字段重新生成其值，该值当前通过Ruby方法SecureRandom.urlsafe_base64设置。这只是生成一个随机的base64编码字符串。我一直试图通过jQuery做到这一点但是我遇到了麻烦，因为我是Ruby on Rails和JQuery的新手。我设置了一个名为shared.js.erb的文件，该文件位于我的javascripts目录中。在这里，我有以下代码…… $(document).ready(function(){ $(‘#deviceIDbutton’).click(function () { $(“#deviceIDfield”).val(”); }); }) 这是第一次单击按钮时（即它使用新字符串更新device_identifier字段），但在此之后停止工作。我假设这是因为SecureRandom.urlsafe_base64被调用一次（当文档准备好了？？）而不是每次单击按钮时。有人可以帮助我！，我一直在敲打这个问题太久了。我不太确定一些事情，比如为什么我不需要使用：remote => true在任何地方，如果我要使用它放在哪里？此外，我无法确定我对jQuery应该去哪里有正确的想法，虽然它似乎在我创建的shared.js.erb文件中工作，如果有人可以推荐更好/更自然的方式会很好。还值得一提的是，我在new.html.erb文件中有相同的按钮，我想要应用相同的function。 […]

在ror中显示div中的ajax响应: 我试图通过ajax按下按钮后使用下拉列表的值显示db中的数据。这是我的ajax代码： $(function () { $(“button”).click(function(){ var value2 = $(‘select#dropdown option:selected’).val(); $.ajax({ type: “GET”, dataType: “json”, url:”/mycontroller/action2″, data: {data1: value2 }, success:function(result1){ console.log(result1); result1.forEach(function(){ $res_html = $(“” + result1 + “”); $(‘#test1’).append($res_html); $(“#test1”).text(result1); }) } }) }); }); 我有一个div：我的问题是我无法在ror中的div标签中显示数据。提前致谢。

编辑视图中的Rails日期格式: 我在rails中使用partial创建Edit表单并编辑我正在使用日期选择器jquery，因此用户可以使用jquery-ui选择日期我的问题是我如何格式化所有日期字段，因为在编辑表单中它显示’YYYY-MM-DD’我希望它显示’dd-mm-yyyy’ 例如预订日期，它显示2014-04-20，我想20-04-2014 我确实更改了config / initializers / date_formats.rb Date :: DATE_FORMATS [：default] =“％d-％m-％Y”它只在show form中工作但在编辑模式下不起作用也在rails控制台（使用调试器）我检查日期格式是’YYYY-MM-DD’，有没有办法改变它以下参考是我的show.html.erb和edit.html.erb（部分） show.html.erb Booking Date edit.html.erb :datepicker, size: 10 %>

$（document）.ready中的元素在某种情况下是未定义的: 这个问题来自实际上，我能找到一条线索，这就是我找到的。我有一个js文件： $(document).ready(function() { var myIdElement = $(“#some_id”); //………… $.ajax({ url: getFullUrl(myIdElement.val()) }) //………. 所以当我通过链接（html链接）从另一个页面来到这个页面时， myIdElement是undefined 。但是，当我重新加载页面时，它开始具有适当的值。我使用turbolinks。如何让它在所有情况下都能正常工作？

检查时，如何动态地将复选框值从视图传递到控制器？: 每次选中复选框时，我都会尝试将所有已检查值的数组发送到控制器，但无法弄清楚如何使用AJAX执行此操作。 html.erb： A B C JavaScript的： var selected_items = []; $(“.item-checkbox”).click(function() { var item = $( this ).val(); selected_items.push(item); } 控制器： class BudgetController < ApplicationController def view …. end end 如何在不必重新加载页面的情况下将selected_items数组传递给控制器？

使用Javascript选择/取消选择Rails 4中的所有动态复选框: 我已经按照StackOverflow问题的答案1和答案2 但没有得到结果..因为我从Range表中调用所有复选框列表的数据。并且他们的id也是由数据定义的。让我告诉你这个截图的代码 = f.collection_check_boxes :range_ids, Range.active, :id, :name, {},:class=>’checkbox’ 返回为我希望如果选择/取消选择All意味着id=”campaign_range_ids_4″则应该相应地执行所有其他复选框。这里还有一个Range Table的截图我曾尝试过这个Javascript :javascript $(‘#campaign_range_ids_4’).click(function() { if(this.checked) { $(‘#campaign_range_ids_1’).checked = true; $(‘#campaign_range_ids_2’).checked = true; $(‘#campaign_range_ids_3’).checked = true; }); } else { $(‘#campaign_range_ids_1’).checked = false; $(‘#campaign_range_ids_2’).checked = false; $(‘#campaign_range_ids_3’).checked = false; }); } }); 请纠正我在哪里犯错误….提前致谢.. 🙂 更新的问题我跟随Shridhar和Pavan的答案它完美地工作但现在我想要当我选择All然后取消选择任何一个然后它必须取消选中“All”（第四个复选框）但它仍然保持原样。