Есть ли какое-либо событие в flexdatalist, чтобы получать уведомления, если все элементы загружены в него - PullRequest
0 голосов
/ 04 июля 2018

Я помещаю динамические данные в flexdatalist. Я хочу получать уведомления, если все элементы загружены в flexdatalist. скажем, у меня есть сотни данных для вставки в список. Я хочу поставить обратный вызов после того, как все данные инициализированы / загружены в flexdatalist. Как мы можем это сделать?

$('.my-input').flexdatalist();
$('.my-input').on('after:flexdatalist.data', function(event, set, options) {
   alert("after")
  // callback()
});
<link href="https://cdnjs.cloudflare.com/ajax/libs/jquery-flexdatalist/2.2.4/jquery.flexdatalist.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-flexdatalist/2.2.4/jquery.flexdatalist.js"></script>
<input type='text'
       placeholder='Programming language name'
       class='my-input'
       data-min-length='1'
       list='languages'
       name='language'
    >

<datalist id="languages">
    <option value="PHP">PHP</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Cobol">Cobol</option>
    <option value="C#">C#</option>
    <option value="C++">C++</option>
    <option value="Java">Java</option>
    <option value="Pascal">Pascal</option>
    <option value="FORTRAN">FORTRAN</option>
    <option value="Lisp">Lisp</option>
    <option value="Swift">Swift</option>
</datalist>

Они говорят, что используют 'after: flexdatalist.data', но, похоже, не работает. Однако, если я наберу и попробую поискать в поле ввода 'after: flexdatalist.data', произойдет сбой.

Мой мотив - запустить обратный вызов после того, как все данные инициализированы / загружены во flexdatalist. Пожалуйста помогите.

...