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

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


person Mr. Igor    schedule 08.08.2013    source источник


Ответы (1)


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

Посмотрите этот jsFiddle для демонстрации.

В основном, что происходит:

  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();
        }
    }
});
person Shion    schedule 08.08.2013