kendo-ui - 在 Kendo UI Combobox 中找不到任何内容

Question

有没有办法通知用户他的搜索查询没有找到任何东西？类似于 JIRA 组合框中的东西。> http://i.stack.imgur.com/rKsGa.png

Answer 1

没有任何集成，但您可以轻松地自己构建它。

有关演示，请参阅此jsFiddle。

基本上，正在发生的事情是：

1. 从您的服务器返回。如果没有找到任何东西，一个带有特殊 id 的虚拟条目。
2. 在 ComboBox 上注册 Select-Event。
3. 在事件中，检查所选项目是否具有您的特殊 id，如果是，则使用 e.preventDefault() 取消事件

代码：

$('input').kendoComboBox({
    dataTextField: 'text',
    dataValueField: 'id',
    dataSource: {
        transport: {
            read: function(options) {
                //instead, specify ajax call!
                options.success([{ id: -1, text: 'No Matches...' }]);
            }
        }
    },
    placeholder: "Select...",
    select: function(e) {
        var dataItem = this.dataItem(e.item.index());
        if(dataItem.id === -1) {
            e.preventDefault();
        }
    }
});