Witam, witam,
piszę aplikację w C#.NET MVC, utknąłem na etapie pisania formularza search. Potrzebuję by wyświetlał on po wpisaniu np. "pro", 5ciu podpowiedzi pod spodem. Aktualnie wpisując, nic się nie wyświetla, choć JSon wydaje się być poprawny. Prosiłbym o podpowiedź, gdzie zrobiłem błąd i czemu się one nie wyświetlają...
Dołączyłem JQuery do projektu, zainstalowałem itd.
Napisałem owy kod:
JavaScript (productSuggest):
$(document).ready(function () {
var setupAutoComplete = function () {
var $input = $(this);
var options = {
source: $input.attr("data-autocomplete-source"),
select: function (event, ui) {
$input = $(this);
$input.val(ui.item.label);
var $form = $input.parents("form:first");
}
};
$input.autocomplete(options);
};
$("#seatch-filter").each(setupAutoComplete);
});
fragment widoku dzielonego _Layout.cshtml:
<div class="col-md-3">
<form id="seatch-form">
<input id="seatch-filter" type="search" name="searchQuery"
data-autocomplete-source="@Url.Action("ProductsSuggestions")"
placeholder="Szukaj..." />
<input type="submit" value="" />
</form>
</div>
oraz akcja kontrolera HomeController:
public ActionResult ProductsSuggestions(string term)
{
var products = this.db.Product.Where(p => !p.IsHidden && p.ProductTitle.ToLower().Contains(term.ToLower()))
.Take(5).Select(p => new { label = p.ProductTitle });
return Json(products, JsonRequestBehavior.AllowGet);
}
i wizualnie o co mi konkretnie chodzi w linku poniżej:
http://fotserv.pl/?topic=load&image=1460554945-Capture.JPG
Za wszelką pomoc bardzo dziękuję.