如何使用搜索功能更新FullCalendar事件？

我有我的搜索设置像这样。如何使用搜索功能更新FullCalendar事件？

# Viewings controller 
    def index 
     @rmquery = params[:search] 
    if params[:search] 
     @viewings = Viewing.search(params[:search]) 
    else 
     @viewings = Viewing.all 
    end 
    end

和

class Viewing < ActiveRecord::Base 

    belongs_to :user 
    belongs_to :room 

    def self.search(query) 
    self.where("room_id like ?", "%#{query}%") 
    end 
end

，我有我的（收看）index.jbuilder如下：

json.array!(@viewings) do |viewing| 

    json.title "viewing" 
    json.start viewing.start_time 
    json.end viewing.end_time 
    json.url viewing_url(viewing, format: :html) 
end

我想我viewings.json反映搜索结果，但它只是似乎显示所有的观看，即使搜索工作在“列表视图”

I已经尝试了一些沿线：

@viewings = Viewing.where(room_id: @rmquery) 
json.array!(@viewings) do |viewing| 

    json.title "viewing" 
    json.start viewing.start_time 
    json.end viewing.end_time 
    json.url viewing_url(viewing, format: :html) 
end

但它似乎并没有通过查询。

哦，我的索引视图：

<p id="notice"><%= notice %></p> 


<%= form_tag(viewings_path, :method => "get", id: "search-form") do %> 
    <%= text_field_tag :search, params[:search], placeholder: "Search rooms" %> 
    <%= submit_tag "Search", :name => nil %> 
<% end %> 

<div id="calendar"> </div> 

<h1>Listing Viewings</h1> 

<table> 
    <thead> 
    <tr> 
     <th>Room</th> 
     <th>Customer</th> 
     <th>Start time</th> 
     <th>End time</th> 
     <th>Notes</th> 
     <th colspan="3"></th> 
    </tr> 
    </thead> 

    <tbody> 
    <% @viewings.each do |viewing| %> 
     <tr> 
     <td><%= viewing.room_id %></td> 
     <td><%= viewing.customer_id %></td> 
     <td><%= viewing.start_time %></td> 
     <td><%= viewing.end_time %></td> 
     <td><%= viewing.notes %></td> 
     <td><%= link_to 'Show', viewing %></td> 
     <td><%= link_to 'Edit', edit_viewing_path(viewing) %></td> 
     <td><%= link_to 'Destroy', viewing, method: :delete, data: { confirm: 'Are you sure?' } %></td> 
     </tr> 
    <% end %> 
    </tbody> 
</table> 

<br> 

<%= link_to 'New Viewing', new_viewing_path %>

代码日历：

$(document).ready(function() { 

    // page is now ready, initialize the calendar... 

    $('#calendar').fullCalendar({ 
     events: '/viewings.json', 
     defaultView: 'agendaWeek', 
     slotMinutes: 60, 
    }) 

});

服务器日志中搜索

C:\Sites\weddings 
=> Booting WEBrick 
=> Rails 4.2.0 application starting in development on http://localhost:3000 
=> Run `rails server -h` for more startup options 
=> Ctrl-C to shutdown server 
[2015-02-24 22:40:04] INFO WEBrick 1.3.1 
[2015-02-24 22:40:04] INFO ruby 1.9.3 (2014-02-24) [i386-mingw32] 
[2015-02-24 22:40:04] INFO WEBrick::HTTPServer#start: pid=8260 port=3000 


Started GET "/viewings?utf8=%E2%9C%93&search=1" for ::1 at 2015-02-24 22:40:14 + 
0000 
    ←[1m←[36mActiveRecord::SchemaMigration Load (1.0ms)←[0m ←[1mSELECT "schema_mi 
grations".* FROM "schema_migrations"←[0m 
Processing by ViewingsController#index as HTML 
    Parameters: {"utf8"=>"V", "search"=>"1"} 
    ←[1m←[35mViewing Load (1.0ms)←[0m SELECT "viewings".* FROM "viewings" WHERE (
room_id like '%1%') 
    Rendered viewings/index.html.erb within layouts/application (52.0ms) 
    ←[1m←[36mUser Load (1.0ms)←[0m ←[1mSELECT "users".* FROM "users" WHERE "user 
s"."id" = ? ORDER BY "users"."id" ASC LIMIT 1←[0m [["id", 1]] 
Completed 200 OK in 1216ms (Views: 1100.8ms | ActiveRecord: 4.0ms) 


Started GET "/assets/fullcalendar-6bee23c458d42683dba9159c94f7547f.css?body=1" f 
or ::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/application-4a810b319e4a8061f2f2b27a579eadc1.css?body=1" fo 
r ::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/forms-2477fa28d6be1997f320e98a5ceee0f6.css?body=1" for ::1 
at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/index-divs-e5867ca540c81afa8a01e2daca2920c5.css?body=1" for 
::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/owl.carousel-688ba12698d3c02b724b8a26bc3b1bd0.css?body=1" f 
or ::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/owl.theme-f91781dace0c67e4d6a689ddd73d65b7.css?body=1" for 
::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/owl.transitions-1b9d47a45c85e9fa3f2f990b6d59519a.css?body=1 
" for ::1 at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/pages-8450695447adc4c25ef72b73f84e12b5.css?body=1" for ::1 
at 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:15] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/show-bd6702d041298d2548881c1db5e4e9a7.css?body=1" for ::1 a 
t 2015-02-24 22:40:15 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/viewings-64e62ddc273c2f5847f30d698ca14b67.css?body=1" for : 
:1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/moment-66988874bf5714cb1e4a6f53d733b6e1.js?body=1" for ::1 
at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/jquery-87424c3c19e96d4fb033c10ebe21ec40.js?body=1" for ::1 
at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/jquery_ujs-e27bd20a10d28155845a22d71ef94f2f.js?body=1" for 
::1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/turbolinks-da8ddad9c2c5483d4c5c30c1ce325253.js?body=1" for 
::1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/fullcalendar-f09a2cee6bd3f7655c47cf7eab2b52b9.js?body=1" fo 
r ::1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/owl.carousel.min-7972660fd0b56886b322fbde7ad2f1f7.js?body=1 
" for ::1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/pages-fcec5b5a277ac7c20cc9f45a209a3bcd.js?body=1" for ::1 a 
t 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/rmcats-fcec5b5a277ac7c20cc9f45a209a3bcd.js?body=1" for ::1 
at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/rooms-fcec5b5a277ac7c20cc9f45a209a3bcd.js?body=1" for ::1 a 
t 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/viewings-fcec5b5a277ac7c20cc9f45a209a3bcd.js?body=1" for :: 
1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/assets/application-5fac6df9a34c6823e27885b0701b0037.js?body=1" for 
::1 at 2015-02-24 22:40:16 +0000 
[2015-02-24 22:40:16] WARN Could not determine content-length of response body. 
Set content-length of the response or set Response#chunked = true 


Started GET "/viewings?start=2015-02-22&end=2015-03-01&_=1424817616261" for ::1 
at 2015-02-24 22:40:17 +0000 
Processing by ViewingsController#index as JSON 
    Parameters: {"start"=>"2015-02-22", "end"=>"2015-03-01", "_"=>"1424817616261"} 

    ←[1m←[35mViewing Load (1.0ms)←[0m SELECT "viewings".* FROM "viewings" 
    Rendered viewings/index.json.jbuilder (30.1ms) 
Completed 200 OK in 65ms (Views: 59.3ms | ActiveRecord: 1.0ms)

我不知道所有这些"Could not determine content-length of response body"消息是，但我认为上面的最后3行似乎是什么导致它显示日历中的所有查看。

来源

2015-02-23 Mitch

你正在告诉它'呈现索引'。所以它转到'index'动作并呈现它。不知道你想要什么结果。请说明你的控制器代码是如何布置的。 – Beartech 2015-02-23 16:10:52

你试图达成什么样的整体观点？你在github上有这个代码吗？什么是你的视图代码调用部分？你不能在同一个视图中使用两个不同的方法来使用同一个变量'@ viewings'。 – Beartech 2015-02-23 16:13:18

如果有任何帮助，我可以推送给github。在def index和def rmselect中进行@viewing是我教过如何实现搜索的方式，但正如你可能知道的那样，我对ruby真的很陌生！ – Mitch 2015-02-23 16:17:42

你可能需要配合搜索功能调用events.js.coffee日历功能：

$(document).ready -> 
    $("#calendar").fullCalendar(
    events: '/events.json' 
)

不知道如何做到这一点，但要触发每个搜索后这个功能，因为您正在获取正确过滤的列表，但日历不会使用当前的事件列表重新加载。

我开始想，也许你会更好，只需要显示一切的主日历，而不是搜索功能，使用列出每个房间的链接的下拉菜单。然后，您可以只窝您的路线：

在配置

/routes.rb中

...

resources rooms do 
    resources events 
end

这样，你的链接到每个房间都会去那个房间的日历像

路线

localhost:3000/room1/events

因为事件已经属于房间。在你的房间控制器可以让#show行动使用房间ID查找事件：

def show 
    @room_events = Room.where(id: room_params[:id]).events 
end

然后在/views/rooms/show你会把日历代码。

的选择房间的下拉会从查询

@rooms = Room.all

建在飞，然后只用一个下拉菜单中.erb让每个房间的链接。

编辑： 我不熟悉jbuilder，所以我的回答可能没有任何帮助。您是否打算在已经加载一次后更新索引页？我仍然认为你的问题是你正在定义变量@viewings两次，一次在部分中，一次在索引中。最后一次调用是索引，这是显示时的最终值。

好了，看着你的日历代码：

$(document).ready(function() { 

// page is now ready, initialize the calendar... 

$('#calendar').fullCalendar({ 
    events: '/viewings.json', 
    defaultView: 'agendaWeek', 
    slotMinutes: 60, 
}) 

});

我想知道如果这是你的问题是，也许你需要从/viewings.json加载更新事件。因此，要么使用AJAX来请求过滤的事件查询，然后从.js.erb部分和.html.erb部分更新日历？如果日历基于表并且您正在使用Jquery，则可以使用Jquery内置的过滤器函数。

或...

您可以使用CSS。我不擅长CSS，但我敢肯定你可以将所有事件设置为可见，并使用搜索功能作为过滤器将所有内容的可见性更改为不可见，除了那些进入您要过滤的房间的内容。

这与有限的信息黑暗中刺下去，但请尝试更改房间有限收看您的实例变量从

@viewings

喜欢的东西：

@room_viewings

这样你打电话时不会跺脚

render index

来源

2015-02-23 16:16:02 Beartech

如何使用搜索功能更新FullCalendar事件？

回答

相关问题