twitter-bootstrap – 如何使用typeahead通配符

发布时间：2020-12-17 21:30:00 所属栏目：安全来源：网络整理

导读：我是第一次尝试使用typeahead.我想根据用户输入更新url参数.外卡未被转换,值“QUERY”正被发送到远程服务器. 任何帮助将是欣赏:) myTypeahead = $('.typeahead').typeahead( { hint: true,highlight: true,minLength: 1 },{ name: 'addresses',source: addre

我是第一次尝试使用typeahead.我想根据用户输入更新url参数.外卡未被转换,值“QUERY”正被发送到远程服务器.

任何帮助将是欣赏:)

myTypeahead = $('.typeahead').typeahead(
  {
    hint: true,highlight: true,minLength: 1
  },{
    name: 'addresses',source: addressResults = new Bloodhound({
      datumTokenizer: Bloodhound.tokenizers.whitespace,queryTokenizer: Bloodhound.tokenizers.whitespace,remote: {
              url:'https://urlpath/Search?query=%QUERY&country=GBR',wildcard: '%QUERY',filter: function (data) {      
                  // Map the remote source JSON array to a JavaScript object array
                  return $.map(data.results,function(results,index) {  
                      return results.suggestion;
                  });
              },prepare: function (query,settings) {
                    settings.headers = {
                        'Auth-Token' : '1212'
                    };
                    return settings;
              }
       }
    })
  }
  ).on('keyup');

解决方法

使用prepare时,需要手动处理通配符值.见 documentation for remote

例如：

prepare: function(query,settings) {
    settings.url += '?q=' + query;
    return settings;
  },

这是associated fiddle.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!