Twitter Typeahead获取数据集

时间:2017-03-17 15:12:58

标签: twitter-typeahead

我有关于Twitter typeahead的问题。这是我第一次使用它,所以这篇文章可能太容易解决,但我想要一些帮助。 当我运行代码时,无法在输入中看到任何数据。但是当我提醒我的数据时,我可以看到Json文件。这让我感到困惑。原因和解决方案是什么?

    <script type="text/javascript">
    $('#typeahead_example_3').typeahead(null, {
        name: 'all-banks',
        display: 'value',
        source: function () {
            jQuery.ajax({
                dataType: "json",
                type: "GET",
                url: "/supplier/suppliercompany/getallbanks",
                success: function (data) {
                    alert(JSON.stringify(data));
                    return data;
                },
                error: function (xhr, ajaxOptions, thrownError) {

                }
            })
        },
        templates: {
            empty: [
              '<div class="empty-message">',
                'unable to find any Best Picture winners that match the current query',
              '</div>'
            ].join('\n'),
            suggestion: Handlebars.compile('<div><strong>{{BankName}}</strong></div>')
        }
    });
</script>

这是我的Html:

  <div class="form-group">
   <label class="col-sm-3 control-label">Custom Template</label>
   <div class="col-sm-4">
   <div class="input-group">
   <span class="input-group-addon">
   <i class="fa fa-cogs"></i>
   </span>
   <input type="text" id="typeahead_example_3" name="typeahead_example_3" class="form-control" />
    </div>
    <p class="help-block">
   Uses a precompiled template to customize look of suggestion.</code>
   </p>
   </div>
   </div>

0 个答案:

没有答案