typeahead js'没有找到结果'没有suggetion rails bootstrap时的消息3

时间:2016-09-01 09:43:22

标签: jquery ruby-on-rails twitter-bootstrap-3 autocomplete typeahead.js

在rails 3.2应用程序中,当我输入文本框时,我想在自动填充中显示建议。

我使用typeahead.js作为bootstrap 3。

我无法显示"未找到结果"。以下是我的代码。

$('.js_edit_set_type_ahead').each(function() {

    var $this = $(this);
    $this.typeahead({
        source: function(query, process) {
            person = [];
            map = {};

            var data = [
                <% @people.order(:last_name).each do |person| %> {
                    "id": "<%= person.id %>",
                    "name": "<%= person.full_name %>"
                },
                <% end %>
            ];

            $.each(data, function(i, state) {
                map[state.name] = state;
                person.push(state.name);
            });

            process(person);

        },
        updater: function(item) {
            selectedState = map[item].id;
            $this.prev().val(selectedState)

            return item;
        },
        matcher: function(item) {
            if (item.toLowerCase().indexOf(this.query.trim().toLowerCase()) != -1) {
                $this.prev().val('')
                    // $(".add_member_btn").removeClass('hide')
                    // $(".person_details").val('')
                    // $(".person_details").removeAttr('disabled')
                return true;
            }
        },
        items: 'all',
        sorter: function(items) {
            return items;
        },
        highlighter: function(item) {
            // $(".add_member_btn").removeClass('hide')
            var regex = new RegExp('(' + this.query + ')', 'gi');
            return item.replace(regex, "<strong>$1</strong>");
        }
    });
})

由于

0 个答案:

没有答案