Question

我正在使用Bloodhound的twitter bootstrap。我得到的结果和自动完成工作正常，但我缺少CSS。你能帮我解决这个问题吗？以下是针对我的问题的屏幕打印： http://postimg.org/image/txpucyhyr/ 我尝试了最好的水平，但我是MVC和Jquery技术的新手。我在用 asp.net MVC 5.2.2 Bootstrap v3.3.4 typeahead.js 0.10.5

我的BundleConfig＆amp; JS脚本：http://postimg.org/image/bjfb8z5o3/

这是我的HTMLcode：

        <div id="divCause" class="form-group">
        @Html.LabelFor(model => model.CauseNumber, htmlAttributes: new { @class = "control-label col-md-2" })
        <div class="col-md-10">
            <input type="text" id="CauseNumber" name="CauseNumber" class="typeahead" data-provide="typeahead" placeholder="Cause Number" autocomplete="off" />
        </div>
    </div>

customJQuery.cs

    var csNumbers = new Bloodhound({
    datumTokenizer: Bloodhound.tokenizers.obj.whitespace('Value'),
    queryTokenizer: Bloodhound.tokenizers.whitespace,
    //,prefetch: '/path/to/prefetch',
    remote: './GetData?term=%QUERY' // you can use this for ajax call
});

csNumbers.initialize();

$('#CauseNumber.typeahead').typeahead(null,
{
    name: 'label',
    displayKey: 'label',
    source: csNumbers.ttAdapter()
    //remote: 'Search/GetData?term=%QUERY'
});

控制器

        public JsonResult GetData(string term)
    {
        var model = objUtil.getCauseNumbers(term).Select(r => new { label = r.CauseNumber });
        return Json(model, JsonRequestBehavior.AllowGet);
    }

Answer 1

我从以下帖子中找到了我的问题的答案：https://stackoverflow.com/a/26934329/4755915 Dhiraj帮我找到了解决方案。

twitter tyepahead CSS渲染问题

1 个答案: