Question

我正在使用多个远程数据集来获取Typeahead插件的数据。一切正常。

现在我正在努力实现两件事

如果所有远程数据集都未获取任何结果，则应显示“未找到结果”。如果任何一个远程源都有数据，则不应显示此信息。
如果有结果，我想在输入容器的页脚显示一个静态链接。如何在页脚显示链接？

我怎样才能做到这一点？我不知道该怎么办。

有一些示例显示每个部分的页脚，而不是使用“空”和“页脚”类的整个容器。但它们在数据集层面而不是全局。

链接：https://github.com/twitter/typeahead.js/blob/master/doc/jquery_typeahead.md#datasets

其他类似的问题：

var nbaTeams = new Bloodhound({
   datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); },
   queryTokenizer: Bloodhound.tokenizers.whitespace,
   remote: '../data/nba.json'
});

var nhlTeams = new Bloodhound({
datumTokenizer: function(d) { return Bloodhound.tokenizers.whitespace(d.value); },
queryTokenizer: Bloodhound.tokenizers.whitespace,
remote: '../data/nhl.json'
});

nbaTeams.initialize();
nhlTeams.initialize();

$('#multiple-datasets .typeahead').typeahead({
    highlight: true
},
{
  name: 'nba-teams',
  displayKey: 'team',
  source: nbaTeams.ttAdapter(),
  templates: {
    header: '<h3 class="league-name">NBA Teams</h3>'
  }
},
{
  name: 'nhl-teams',
  displayKey: 'team',
  source: nhlTeams.ttAdapter(),
  templates: {
    header: '<h3 class="league-name">NHL Teams</h3>'
  }
});

Answer 1

你可以做到

$('.typeahed').typeahed(null, {
    name: 'suggestions',
    templates: {
        footer: Handlebars.compile('Results for {{ query }}'),
        empty: Handlebars.compile('<strong>Not Results for found.</strong>')

    }
});

Answer 2

或者，当typehead呈现内容时，您可以创建自定义侦听器并更改链接href属性。例如

stim_proc: process
begin       
  wait for clk_period * 9.5;    
  wait until clk = '1';  -- Sit here until we have seen a rising edge of `clk`
  input <= '1'; -- This assignment now happens *after* the clock edge
  wait until clk = '1';
  input <= '0';

  wait;
end process;

其中.typehead - 是你的打字头输入， .typehead__show-all-link - 显示更多结果的链接类

Global Typeahead Footer＆amp;没有匹配部分

2 个答案: