如何使用twitter的typeahead.js jQuery 插件來顯示數據?

墨染锦年 ﹌
  • 5
新手上路,请多包涵

我想使用typeahead.js 插件來完成一個預輸入的效果:

  1. 目前已知數據的URL:"/PMIS/subproject/get_all_recordid",
  2. URL返回的數據如下:image.png
  3. 想要實現的效果如下:image.png
    一直無法正確顯示該數據,請大佬求教!!!
    代碼如下:

     var nflTeams = new Bloodhound({
         datumTokenizer: Bloodhound.tokenizers.whitespace,
         queryTokenizer: Bloodhound.tokenizers.whitespace,
         prefetch: '/PMIS/subproject/get_all_recordid'
       });
       
       function nflTeamsWithDefaults(q, sync) {
         if (q === '') {
           sync(nflTeams.get('00188', '00001', '00331'));
         }else {
           nflTeams.search(q, sync);
         }
       }
       
       $('#task_switch_recordid').typeahead({
         minLength: 0,
         highlight: true
       },
       {
         name: 'recordid',
         display: 'data',
         source: nflTeamsWithDefaults
       });
    
回复
阅读 301
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏