Ничего не найдено в Kendo UI Combobox

Question

Есть ли способ сообщить пользователю, что ничего не найдено по его поисковому запросу? Что-то вроде в comboboxes JIRA. > http://i.stack.imgur.com/rKsGa.png

Answer 1

Нет ничего интегрированного, но вы можете легко построить это самостоятельно.

См. Это jsFiddle for a demo.

В принципе, то, что происходит это:

1. Возвращение с вашего сервера. если не было обнаружено ничего, фиктивная запись со специальным идентификатором.
2. Зарегистрируйте Select-Event на ComboBox.
3. В случае, проверьте, чтобы увидеть, если выбранный элемент имеет свой специальный идентификатор, и если да, то отменить событие с 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(); 
     } 
    } 
});