0
私はリスティングテーブルを持っており、そのテーブルにはsquare_feetカラムがあります。私はフィルタを構築しようとしているので、平方フィートの範囲の下限と上限を入力し、その結果をページに表示して残りを隠すことができます。このJSはRails 4で使用されています。現在、どのフィールドにも関係なく値を入力すると、リストのすべてが削除されます。jQueryを使用したカスタム検索は現在動作していません
のjQuery:
// min square footage
var minSquareFootage = $.trim($("#min-square-footage").val());
if (minSquareFootage.length > 0) {
var minSquareFootage = parseFloat(minSquareFootageVal);
rows = rows.filter(function(i, v) {
var rowSquareFeet = $(this).data("square_feet");
return rowSquareFeet >= minSquareFootage;
});
}
// max square footage
var maxSquareFootage = $.trim($("#max-square-footage").val());
if (maxSquareFootage.length > 0) {
var maxSquareFootage = parseFloat(maxSquareFootageVal);
rows = rows.filter(function(i, v) {
var rowSquareFeet = $(this).data("square_feet");
return rowSquareFeet >= maxSquareFootage;
});
}
ビュー:
<div class="col-sm-2">
<div class="input-group">
<input type="text" class="general-text-field" placeholder="Min Sq Ft" id="min-square-footage">
</div>
</div>
<div class="col-sm-2">
<div class="input-group">
<input type="text" class="general-text-field" placeholder="Max Sq Ft" id="max-square-footage">
</div>
</div>