大佬教程收集整理的这篇文章主要介绍了jquery – Typeahead.js – 显示有更多的结果,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我在建议下拉列表中只显示5个条目,但是如果有更多的结果,我想向用户展示,结果更多(但结果本身并不仅仅是信息,结果更多),所以他继续打字
>我不想要一个滚动条
>我不想显示其他结果
>只是一个信息,有更多的结果
请看屏幕.
链接中的示例也适用于页脚模板,如下所示.
您可以从Bloodhound(您可以访问AJAX请求的结果)的过滤器函数中将结果数保存在DOM中,如下所示:
var bloodHound = new Bloodhound({ queryTokenizer: Bloodhound.tokenizers.whitespace,limit: 5,remote: { url: url+'%QUERY',filter: function (srcs) { // store field JSON response to the DOM $('#num-results').html(srcs.numResults); ... } } }); bloodHound.initialize();
现在关键点从上面的链接:
您可以包装Handlebars模板(这实际上是一个函数),并以这种方式扩展/替换传递给模板的Handlebars上下文:
var footerTmpl = Handlebars.compile('{{numResults}} results for {{query}}'); var footer = function(context) { var numResults = $('#num-results').html(); var data = { 'numResults': numResults,'query': context.query }; return footerTmpl(data); } // ... templates: { footer: footer } // ...
以上是大佬教程为你收集整理的jquery – Typeahead.js – 显示有更多的结果全部内容,希望文章能够帮你解决jquery – Typeahead.js – 显示有更多的结果所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。