Kendo自动完成功能会截断所选值

Question

我正在尝试使用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 
            });
        });

Answer 1

解决此问题的方法是style =“ min-width = 100％”。该文本框是在页面加载时开始的，没有附加任何数据，因此实际上并未使用正确的宽度。以后添加数据时，它不会重新补偿到正确的宽度。使用min-width可使文本框在动态附加数据之前正确绘制，因此可以删除幻影灰色框（我相信是X或清除按钮）。