Объединение автозаполнения jQuery с помощью Bootstrap TagsInput: Ошибка в 'autocomplete {..}'

Я комбинируя jQuery Autocompleteс Bootstrap TagsInput. То есть, введя в текстовом поле производит поиск на стороне сервера и машинописный (часть 1, JQuery $ ( '#approverReviewers' ). Автозаполнения ({ источник : функция ( запрос , ответ ) { $ . Ajax ({ URL : "searchVdsPerson" , dataType : "json" , type : "post" , data : { 'searchCriteria.term' : запрос . term } }, success : function ( data ) { response ( $ . map ( data . searchCriteria . vdsResult , function ( item ) { return { label : item . fullName + '/' + item . mail , value : item . id } ; })); } }); }, minLength : 2 , выберите : myCustomSelectHandler }); ); а затем при выборе записи он должен сворачиваться в элементы управления с несколькими тегами в том же поле (часть 2, Bootstrap TagsInput).

Моя часть 1 работает правильно. Я получаю правильное поведение автозаполнения Ajax jQuery на стороне сервера с приведенным ниже.

$('#approverReviewers').tagsInput({
        autocomplete_url:'searchVdsPerson',
        autocomplete: { .. }     // Embed AutoComplete here? 
});

Затем я подумал, что могу напрямую включить это в свойство автозаполнения Bootstrap TagsInput, как показано ниже.

autocomplete_url

Основываясь на нескольких потоках, важно иметь не-NULL autocomplete, а затем autocompleteподдерживать серверные source/ successвызовы как обычно:

Можем ли мы использовать автозаполнение jQueryUI с плагином ввода тегов jQuery?

jquery tagsinput и ui autocomplete: могут ли они работать с предварительно загруженным источником?

Но в моем случае, когда я скопировал код автозаполнения в автозаполнение Bootstrap TagsInput (с помощью autocomplete_url), у меня возникли проблемы: разве он не ожидает того же автозаполнения?

Uncaught SyntaxError: Unexpected token : dataType: "json"
Uncaught SyntaxError: Unexpected token : type: "post"

введите описание изображения здесь

Это код:

$('#approverReviewers').tagsInput({
    autocomplete_url:'searchVdsPerson',
    autocomplete: {
        source: function(request, response) {
              url: "searchVdsPerson",
              dataType: "json",
              type: "post",
              data: {
                'searchCriteria.term': request.term
              }
        },

        success: function( data ) {
              response( $.map( data.searchCriteria.vdsResult, function( item ) {
                  return { 
                    label: item.fullName + ' / ' + item.mail, 
                    value: item.id 
                  };
              }));
        }       
    }
});

jquery,twitter-bootstrap,jquery-ui-autocomplete,bootstrap-tags-input,

0

Ответов: 0

Объединение автозаполнения jQuery с помощью Bootstrap TagsInput: Ошибка в 'autocomplete {..}'

Я комбинируя jQuery Autocompleteс Bootstrap TagsInput. То есть, введя в текстовом поле производит поиск на стороне сервера и машинописный (часть 1, JQuery $ ( '#approverReviewers' ). Автозаполнения ({ источник : функция ( запрос , ответ ) { $ . Ajax ({ URL : "searchVdsPerson" , dataType : «json» , type : «post» , data : { 'searchCriteria.term' : request . term } }, success : function ( data ) { response ( $ . map ( data . searchCriteria . vdsResult , function ( item ) { return { label : item . fullName + '/' + item . mail , value : item . id }; })); } }); }, minLength : 2 , select : myCustomSelectHandler }); ); а затем при выборе записи он должен сворачиваться в элементы управления с несколькими тегами в том же поле (часть 2, Bootstrap TagsInput).

Моя часть 1 работает правильно. Я получаю правильное поведение автозаполнения Ajax jQuery на стороне сервера с приведенным ниже.

$('#approverReviewers').tagsInput({
        autocomplete_url:'searchVdsPerson',
        autocomplete: { .. }     // Embed AutoComplete here? 
});

Затем я подумал, что могу напрямую включить это в свойство автозаполнения Bootstrap TagsInput, как показано ниже.

autocomplete_url

Основываясь на нескольких потоках, важно иметь не-NULL autocomplete, а затем autocompleteподдерживать серверные source/ successвызовы как обычно:

Можем ли мы использовать автозаполнение jQueryUI с плагином ввода тегов jQuery?

jquery tagsinput и ui autocomplete: могут ли они работать с предварительно загруженным источником?

Но в моем случае, когда я скопировал код автозаполнения в автозаполнение Bootstrap TagsInput (с помощью autocomplete_url), у меня возникли проблемы: разве он не ожидает того же автозаполнения?

Uncaught SyntaxError: Unexpected token : dataType: "json"
Uncaught SyntaxError: Unexpected token : type: "post"

введите описание изображения здесь

Это код:

$('#approverReviewers').tagsInput({
    autocomplete_url:'searchVdsPerson',
    autocomplete: {
        source: function(request, response) {
              url: "searchVdsPerson",
              dataType: "json",
              type: "post",
              data: {
                'searchCriteria.term': request.term
              }
        },

        success: function( data ) {
              response( $.map( data.searchCriteria.vdsResult, function( item ) {
                  return { 
                    label: item.fullName + ' / ' + item.mail, 
                    value: item.id 
                  };
              }));
        }       
    }
});
00JQuery, твиттер-самозагрузки, JQuery-щ-автополный, бутстраповские-теги входов,
Похожие вопросы