Bootstrap Search Suggest 插件使用

最新推荐文章于 2021-12-01 21:17:08 发布

MrCui.

最新推荐文章于 2021-12-01 21:17:08 发布

阅读量1.3k

点赞数

分类专栏： mvc asp.net 文章标签： asp.net mvc .net bootstrap 插件

本文链接：https://blog.csdn.net/c1113072394/article/details/53165270

版权

mvc 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

asp.net

17 篇文章 0 订阅

订阅专栏

Controllers

public ActionResult Index()
        {
            YuXi();
            return View();
        }
        public void YuXi()
        {
            var query = from a in entities.CESHI
                        select new
                        {
                            ID=a.ID,
                            NEIRONG = a.NEIRONG,
                            REMARK01 = a.REMARK01
                        };
            JavaScriptSerializer jss = new JavaScriptSerializer();
            ViewData["Json"] = jss.Serialize(query.ToList());
        }

Views

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <script src="~/Content/js/jquery.min.js"></script>
    <link href="~/Content/css/bootstrap.min.css" rel="stylesheet" />
    <script src="~/Content/js/bootstrap.min.js"></script>
    <script src="~/Content/js/plugins/suggest/bootstrap-suggest.min.js"></script>
</head>
<body>
    <div>
    <div class="row">
    <div class="col-sm-6">
    <div class="form-group">
    <label>Suggest演示 *</label>
    <div class="input-group">
    <input type="text" class="form-control required" id="test_data" name="test_data">
    <div class="input-group-btn">
    <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown">
    <span class="caret"></span>
    </button>
    <ul class="dropdown-menu dropdown-menu-right" role="menu"></ul>
    </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    <script>
      var testdataBsSuggest = $("#test_data").bsSuggest
        ({
            indexId:0,
            indexKey:1,
            data: {
                "value":@Html.Raw(HttpUtility.UrlDecode(@ViewData["Json"].ToString())),
            }
        });
    </script>
</body>
</html>

MrCui.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Bootstrap Search Suggest 插件使用

Controllerspublic ActionResult Index() { YuXi(); return View(); } public void YuXi() { var query = from a in entities.CESHI
复制链接

扫一扫

专栏目录