引导从数据预输入AJAX选择值(bootstrap typeahead ajax select va

我使用https://github.com/tcrosen/twitter-bootstrap-typeahead/blob/master/demo/js/demo.js

我的电话：

$('#SearchUser').typeahead({
                ajax: { 
                    url: '/users/ajax_finduser', 
                        triggerLength: 3, 
                        timeout: 300,
                        method: 'post',

                },
                display: 'name',
                val: 'id',
                itemSelected: updateID
            });

我的新的输出：

[
   {"id":"5","name":"Som name"},
   {"id":"6","name":"Another name"}
]

这里是我的问题VAL和名称预输入期待应该是这样的：

[
    { id: 1, name: 'Some users name' },
    { id: 2, name: 'Another users name' }
]

那么，如何额外的水平添加到我的预输入功能（USER.name + User.id）？ 我不知道用什么（）{} []？

如何修复行情？ 因为它是预输入不接受JSON输出。 我读的地方，我的输出是正确的JSON。 我失去了一些东西在这里？

Answer 1:

继要点通过@RuslanasBalčiūnas建议
以下是我结束了：

autosep = '####';
$('.autocomplete').typeahead({
    minLength: 3
  , source: function (query, process) {
        if (!finished) {
            return;
        }
        finished = false;
        return $.get(
            'the_action'
          , the_params
          , function (response) {
                var data = new Array(); 
                for (var i in response) {
                    data.push(
                        response[i]['id']
                      + autosep
                      + response[i]['label']
                    );
                }
                finished = true;
                return process(data);
            }
        );
    }
  , highlighter: function(item) {
        var parts = item.split(autosep);
        parts.shift();
        return parts.join(autosep);
    }
  , updater: function(item) {
        var parts = item.split(autosep);
        $('#the_id').val(parts.shift());
        return parts.join(autosep);
    }
});

文章来源: bootstrap typeahead ajax select value from data