如何创建Kendo UI jQuery kendoDropDownList仍然允许用户输入？

Question

我有一个下拉列表

<input type="text" th:field="*{unitName}" style="width: 100%;">
<script>
    $(document).ready(function () {
        var dataUnitName = new kendo.data.DataSource({
            transport: {
                read: {
                    url: "/active_units_json",
                    dataType: "json"
                }
            },
            pageSize: 30
        });

        $("#unitId").kendoDropDownList({
            dataTextField: "unitName",
            dataValueField: "unitName",
            dataSource: dataUnitName,
            filter: "contains",
            index: 0,
            change: onChangeDataUnitName
        });
    });
    function onChangeDataUnitName() {

    }
</script>

有时我会从预定义列表（在Kendo下拉列表中）中选择一个。有时我想输入不属于预定义列表？怎么做？

Answer 1

看看combobox小部件