Выпадающее поле под текстовым полем в SuiteCRM

Question

Я хочу, чтобы раскрывающийся список (выбираемых) прогнозов отображался ниже, когда я набираю текстовое поле модуля Задачи.Я знаю, как изменить раскрывающиеся значения раскрывающегося поля из значений базы данных, но пользователь не может ввести новое значение в раскрывающееся поле (можно выбрать только).Я хочу, чтобы пользователь мог вводить данные в текстовом поле, как обычно, с помощью интерактивных подсказок введенного текста, например раскрывающегося списка.Я новичок в SuiteCRM, поэтому пути к файлам будут очень полезны.

Answer 1

Пожалуйста, используйте плагин select2 javascript для того же. PFB, например,

$("#field_name").select2({
    placeholder: 'Select a data',
    allowClear: true,
    minimumInputLength: 3,
    tags: [],
    ajax: {
        url: '<your url>',
        dataType: 'json',
        type: "GET",
        quietMillis: 1000,
        delay: 900,
        data: function (term) {
            return {
                data:$('#field_name').val(),    
            };
        },
        beforeSend: function() {
            $('#ajaxloading_c').css('visibility', 'visible'); 
            $('#ajaxloading_c').css('display', 'block');
            $('#ajaxloading_mask').css('display', 'block'); 
        },
        results: function (data) {
            return {
                results: $.map(data, function (item) {
                    return {
                        text: item.name,
                        id: item.id 
                    }
                })
            };
            $('#select2-field_name-results li').first().remove();
        },
        complete: function() {
            $('#ajaxloading_c').css('visibility', 'hidden');
            $('#ajaxloading_c').css('display', 'none');
            $('#ajaxloading_mask').css('display', 'none');  
            $('#select2-field_name-results li').first().remove();
            if($('#select2-field_name-results li:first').text() == 'No data Found'){
                $("#select2-field_name-results li:first").css("pointer-events", "none");
            }
        }
    }
});
$('.select2-container--focus, .select2-container--default').css('width','70%');