Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果

UnderScore官网：http://underscorejs.org/

参考文档：http://www.css88.com/doc/underscore/

页面代码：

@{
ViewBag.Title = "Index";
}

简单使用

Product Search:

使用脚本填充数据

Product Search:

支持 Ajax 获取数据

Product Search:

使用对象数据

Product Search:




 

控制器

public ActionResult Index()
{
return View();
}
public ActionResult AjaxService()
{
string query = "";
if (!string.IsNullOrWhiteSpace(Request["Query"]))
query = Request["Query"].ToString();
var data = ("AJAX1,AJAX2,AJAX3").Split(',');
return Json(data);
} 

效果图展示如下：

下面继续给大家介绍BootStrap学习系列之Bootstrap Typeahead 组件实现百度下拉效果(续)

以上所述是小编给大家介绍的Bootstrap学习系列之使用 Bootstrap Typeahead 组件实现百度下拉效果，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！