我有一系列复选框,用户可以使用这些复选框通过checked属性查找对象。我希望他们能够选择多个属性,然后显示包含所有这些已检查属性的对象列表。
我的代码部分正常工作,但是如果我检查一个属性并且我给出了一个列表,然后我检查了另一个属性,那个已经显示在上一个检查中,那么我给了另一个副本。这是正在发生的事情的图像。请注意,对象正在重复。
以下是与之相关的代码:
<div class="col-md-2">
<div class="dropdown package-dropdown">
<button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Attributes</button>
<ul class="dropdown-menu" aria-labelledby="dropdownMenuButton">
<li><a href="#" class="small" data-value="attr1" tabIndex="-1"><input type="checkbox"/>attr1</a></li>
<li><a href="#" class="small" data-value="attr2" tabIndex="-1"><input type="checkbox"/>attr2</a></li>
<li><a href="#" class="small" data-value="attr3" tabIndex="-1"><input type="checkbox"/>attr3</a></li>
<li><a href="#" class="small" data-value="attr4" tabIndex="-1"><input type="checkbox"/>attr4</a></li>
<li><a href="#" class="small" data-value="attr5" tabIndex="-1"><input type="checkbox"/>attr5</a></li>
</ul>
</div>
</div>
<!-- removed irrelevant code for brevity -->
<tbody id="hits">
<% @objects.each do |obj| %>
<tr>
<td><%= link_to obj.title, obj_path(obj) %></td>
<td class="package-column">
<% if obj.packages.any? %>
<div>
<% obj.packages.each do |p| %>
<span><%= image_tag "needs-#{p.kind}", :alt => "#{p.kind}", :class => "foobar" %></span>
<% end %>
</div>
<% else %>
<div class="package-column"><span>...</span></div>
<% end %>
</td>
<td><%= obj.capacity %></td>
<td><%= obj.started_at.strftime('%A, %B %e, %Y at %l:%M %p') if obj.started_at? %></td>
</tr>
<% end %>
<tr><td colspan="4" align="center"><%= link_to "Load More", objects_path, class: "load-more" %></td></tr>
</tbody>
</table>
var options = [];
$('.dropdown-menu li a').on( 'click', function(event) {
var $target = $( event.currentTarget ),
val = $target.attr( 'data-value' ),
$inp = $target.find( 'input' ),
idx;
if ( ( idx = options.indexOf( val ) ) > -1 ) {
options.splice( idx, 1 );
setTimeout( function() { $inp.prop( 'checked', false ) }, 0);
} else {
options.push( val );
setTimeout( function() { $inp.prop( 'checked', true ) }, 0);
}
$( event.target ).blur();
console.log( options );
$.ajax({
url: $(this).attr('href'),
type: "GET",
data: {
packages: options
},
dataType: "script"
})
return false;
});
我的控制器所在的活动记录查询。
def index
if params[:packages]
packages = params[:packages] # ["attr1", "attr3" etc..]
@objects = Object.joins(:packages).where("packages.kind IN (?)", packages)
end
respond_to do |format|
format.html
format.js
end
end
我确定它是一个Activerecord问题,而不是显示问题,因为如果我检查@objects
,我会显示多个记录副本,如下所示:
[8] pry(#<ObjectsController>)> @objects
=> [#<Object:0x007f991cb1d6b0
id: 2,
uuid: "1adede0e-8585-41a5-8c74-8de8eec6a141",
name: "andy-title1",
title: "Andy - Title1",
started_at: Mon, 27 Mar 2017 13:00:24 PDT -07:00,
ended_at: Mon, 27 Mar 2017 18:00:24 PDT -07:00
#<Object:0x007f991cb1d548
id: 2,
uuid: "1adede0e-8585-41a5-8c74-8de8eec6a141",
name: "andy-title1",
title: "Andy - Title1",
started_at: Mon, 27 Mar 2017 13:00:24 PDT -07:00,
ended_at: Mon, 27 Mar 2017 18:00:24 PDT -07:00
答案 0 :(得分:1)
在我的查询结尾添加itertools.count
解决了我的问题并省略了重复记录。
我现在正在处理的查询是:
.distinct