MentionSuggest

Since 7.0

MentionSuggest - это список опций для инпута. Можно использовать в сочетании с Webix Text, Textarea или стандартным инпутом HTML. MentionSuggest предлагает автозаполнение на основе введенного символа-триггера (по умолчанию "@"), который необходимо ввести до ввода символов искомого значения.

Webix MentionSuggest basic use

Инициализация

webix.ui({ 
    view:"textarea",
    height:200,
    width:500,
    labelPosition:"top",
    label:"Type some text here",
      suggest:{
        view:"mentionsuggest",
        symbol:"#",
        data:countries
     }      
});

symbol (string) - определяет символ-триггер, который вызывает MentionSuggest (по умолчанию "@").

Задание нескольких саджестов

Вы можете задать несколько списков для одного поля ввода, определив разные символы-триггеры для вызова каждого из списков.

Webix MentionSuggest Multiple Suggests

Для этого создайте автономный MentionSuggest, укажите в его конструкторе набор данных и нужный символ:

webix.ui({
    view:"mentionsuggest", id:"second", data:countries, symbol:"#"
});

Свяжите саджест с полем ввода:

webix.$$("text").attachEvent("onAfterRender", function(){
    webix.$$("second").linkInput(this);
});
webix.$$("text").render();

Статьи по теме

Suggest List

Наверх