如何解决如何在搜索栏中获取项目的详细信息?
我正在使用 ASP.NET Core MVC 构建电子商务 Web 应用程序。我的 _layout 页面上有一个搜索栏。我想显示项目的详细信息,例如图像、标题和价格,这些值已经存储在数据库中。我在这个问题上附上了一张图片。我想让我的搜索栏像这样的图片:
我的搜索条码如下:
<div class="olContent f1">
<form method="get" asp-controller="Home" asp-action="AllProducts">
<div class="olSearch fr">
<input type="text" name="search" placeholder="Enter Keyword" class="inputComn form-control"/>
<div class="searchIcon">
<button type="submit" class="searchBtn">
<img src="~/images/searchIcon.png"/>
</button>
</div>
</div>
</form>
</div>
解决方法
您可以使用 twitter typeahead jsplugin。有了这个,您可以选择设计自己的模板(即您的搜索应该如何显示)。 在上面的链接中浏览自定义模板。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。