Question

我正在使用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和NAME应该是这样的：

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

那么如何将额外级别添加到我的预先输出功能（USER.name + User.id）？我不知道该用什么（）{} []？

如何修复报价？ typeahead不接受json输出。我在某处读到我的输出是正确的json。我在这里错过了什么吗？

Answer 1

遵循@RuslanasBalčiūnas建议的gist 以下是我最终的结果：

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从数据中选择值

1 个答案: