在Kendo UI Combobox中找不到任何东西

时间:2013-08-08 08:07:56

标签: kendo-ui kendo-combobox

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

1 个答案:

答案 0 :(得分:0)

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

请参阅此jsFiddle for a demo

基本上,发生的事情是:

  1. 从您的服务器返回。如果没有找到的东西,一个带有特殊ID的虚拟条目。
  2. 在ComboBox上注册Select-Event。
  3. 在这种情况下,检查所选项目是否具有您的特殊ID,如果是,则使用e.preventDefault()取消该事件
  4. 代码:

    $('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();
            }
        }
    });