Question

我在页面中使用Kendo UI v2018.1.221，每当我单击下拉列表以打开它时，它都会打开并显示选项，并在我做出选择之前突然关闭。它也使用服务器过滤。我用谷歌搜索了很多，但是没有找到任何解决方案。示例代码：

 <table>
<TR>
    <TD ALIGN="left" >Company:</TD>
    <TD ALIGN="left" >
        <select class="form-control" style="width: 80%" name="teamID" id="company">

        </select>
   </TD>
</TR>

<script>
var dropdown = $("#company").kendoDropDownList({
            dataTextField: "name",
            dataValueField: "id",
            filter: 'contains',
            optionLabel: 'Select a Company',
            enable: true,
            scrollable: {
                virtual: true
            },
            virtual: {
                itemHeight: 26
            },
            dataSource: {
                type: "odata",
                transport: {
                    read: {
                        dataType: "json",
                        url: "#url#"
                    }
                },
                batch: true,
                pageSize: 80,
                serverPaging: true,
                serverFiltering: true,
                schema: {
                    data: "data",
                    total: 'recordsTotal',
                    model: {
                        id: 'teamid',
                        fields: {
                            id: {
                                type: 'number'
                            },
                            name: {
                                type: 'string'
                            }
                        }
                    }
                }
            }

        }).data("kendoDropDownList");
</script>

Answer 1

这似乎是过滤器的问题。移除过滤器可以解决我的问题。

var dropdown = $("#company").kendoDropDownList({
    dataTextField: "name",
    dataValueField: "id",
    // filter: 'contains',
    optionLabel: 'Select a Company',
    enable: true,
    ...

Answer 2

您需要将焦点从模式中移开。您可以在公开赛中做到这一点。

  open: function(e) {
     $(document).off('focusin.bs.modal');
  }

当我们在IE浏览器中单击以打开Kendo Dropdown时将关闭

2 个答案: