Question

我在我的项目中使用typeahead，但仅限于姓名。我无法处理自动完成中特定label的ID。

Bootstrap typeahead -

<input type="text" name="names" value="" id="typeahead" data-provide="typeahead" />

脚本 -

<script type="text/javascript">
    $(function () {
        $('#typeahead').typeahead({
            source: function (term, process) {
                var url = '@Url.Content("~/Invoice/GetNames")';

                return $.getJSON(url, { term: term }, function (data) {
                    return process(data);
                });
            }
        });
    })
</script>

Json方法 -

[HttpGet]
        public JsonResult GetNames(string term)
        {
            var names = (from u in db.Contacts
                         where u.name.Contains(term)
                         select u).ToArray();
            var results = names.Select(u => u.name);

            return new JsonResult()
            {
                Data = results,
                JsonRequestBehavior = JsonRequestBehavior.AllowGet
            };
        }

我在比赛中选择整个表格行。但是如何使用标签名称获取Id。

或 -

我可以在服务器端选择整行，但问题仍然存在，以便过滤标签和名称的结果。

Answer 1

我使用此信息也获取了ID：http://fusiongrokker.com/post/heavily-customizing-a-bootstrap-typeahead（更复杂......部分）

为引导程序自动完成选择id和标签

1 个答案: