Проблема с x-editable bootstrap 2 typeahead

Может ли кто-нибудь помочь определить проблему с этим -

http://jsfiddle.net/xBB5x/8823/

Я пытаюсь реализовать x-редактируемую (bootstrap 2) функциональность опережающего ввода.

Приведенный выше jsfiddle имеет два теста. 1) эмуляция локального источника 2) эмуляция ajax (удаленный источник данных)

Я взял точно такие же примеры из x-редактируемой документации, однако что-то не так в ресурсах js, которые я не могу идентифицировать. Typeahead не работает должным образом.

Насколько я понимаю, все, что ему нужно, это bootstrap-editable.js для bootstrap 2 и bootstrap.js (2.3.2 с плагином typeahead), чтобы это заработало.

код jsfiddle в соответствии с рекомендациями:

HTML

<div>
    <p>Test 1 - local source emulation</p>
<a href="#" id="state" data-type="typeahead" data-pk="1" data-placement="right" data-title="Start typing State.." class="editable editable-click" style="display: inline;">Arizona</a>

</div>
<p/>
<div>
    <p>Test 2 - remote data source emulation/ ajax</p> <a href="#" id="state2" data-type="typeahead" data-pk="1" data-placement="right" data-title="Start typing State.." class="editable editable-click" style="display: inline;">California</a>

</div>

JS

$.fn.editable.defaults.mode = 'inline';

//Test #1 local source emulation
$(function () {
    $('#state').editable({
        source: ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Dakota", "North Carolina", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming"]
    });
});

//Test #2 ajax emulation for the next step (remote data source)
$(function () {
    $('#state2').editable({
        value: 'Alabama',
        source: function (query, process) {
            return $.post('/typeahead', {
                query: query
            }, function (data) {
                return process(data);
            });
        }
    });
});


$.mockjax({
    url: '/typeahead',
    responseTime: 400,
    response: function (settings) {
        this.responseText = ["Alabama", "Alaska", "Arizona", "Arkansas", "California", "Colorado", "Connecticut", "Delaware", "Florida", "Georgia", "Hawaii", "Idaho", "Illinois", "Indiana", "Iowa", "Kansas", "Kentucky", "Louisiana", "Maine", "Maryland", "Massachusetts", "Michigan", "Minnesota", "Mississippi", "Missouri", "Montana", "Nebraska", "Nevada", "New Hampshire", "New Jersey", "New Mexico", "New York", "North Dakota", "North Carolina", "Ohio", "Oklahoma", "Oregon", "Pennsylvania", "Rhode Island", "South Carolina", "South Dakota", "Tennessee", "Texas", "Utah", "Vermont", "Virginia", "Washington", "West Virginia", "Wisconsin", "Wyoming"];
    }
});

x-editable
person Rishi    schedule 09.07.2015    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я использовал их пример раньше (ЗДЕСЬ), и, кажется, он работает нормально. Вы пытаетесь достичь (ваш обновленный пример) или я что-то упустил?

Вы также можете установить все параметры в JS, что намного чище, например:

$('#state2').editable({
    type: 'text',
    url: '/typeahead',
    pk: 1,
    title: 'Enter username',
    ajaxOptions: {
        dataType: 'json'
    },
    success: function (response, newValue) {
        //code here
    }
});
person SDekov    schedule 20.07.2015
comment
Функциональность typeahead не работает, я не вижу никаких предложений после ввода в это текстовое поле ввода. Обновление. Мне удалось заставить это работать с bootstrap 3.2.0, jquery-1.9.1, typeahead.js-0.11.1. Спасибо за вашу помощь. - person Rishi; 21.07.2015