Автозаполнение Kendo усекает выбранное значение - PullRequest
Новая
       21

Автозаполнение Kendo усекает выбранное значение

1 голос
/ 29 мая 2019

Kendo obstruction

Я пытаюсь использовать компонент автозаполнения Kendo и получаю эту серую полосу, которая скрывает часть ответа при его выборе.

Кто-нибудь знает, кто может решить эту проблему?

См. Мой код ниже: 

<link href="~/Scripts/Kendo/styles/kendo.common.min.css" rel="stylesheet" />
<link href="~/Scripts/Kendo/styles/kendo.bootstrap.min.css" rel="stylesheet" />

<script src="~/Scripts/Kendo/js/kendo.ui.core.min.js"></script>
<script src="~/Scripts/Kendo/js/kendo.combobox.min.js"></script>

<div class="k-content">
<input id="siteItem" placeholder="Select site..." style="width:100%"   />


$.getJSON("/FormReport/GetSites/" + org + "/" + e.dataItem.Value,
        function (data) {

            $("#siteItem").kendoComboBox({
                autoWidth: true,

                dataTextField: "Text",
                dataValueField: "Value",
                dataSource: data,
                filter: "contains",
                suggest: true 
            });
        });

1 Ответ

0 голосов
/ 29 мая 2019

Исправление, устраняющее проблему, было style = "min-width = 100%". Текстовое поле начиналось при загрузке страницы без прикрепленных к нему данных и, следовательно, не использовало правильную ширину. Когда данные были добавлены позже, они не компенсируют правильную ширину. Использование минимальной ширины заставляет текстовое поле правильно отображаться до динамического присоединения данных и, следовательно, удаляет фантомное серое поле (которое я считаю кнопкой X или очистить).

...