2015-11-03 2 views
4

Я прошел через следующего человека http://www.yiiframework.com/wiki/772/pjax-on-activeform-and-gridview-yii2/ и все в порядке. Однако я хотел бы выполнить поиск Pjax через данные формы без нажатия кнопки «Отправить». Таким образом, я пытаюсь использовать событие onChange, но не могу найти способ сделать это. Я нашел много объяснений для dropDownList, но нет никакой информации о событии textInput onChange.Yii2 ActiveForm textInput onChange

+0

Проблема заключается в том, что OnChange только триггеры, когда он теряет фокус своего элемента ввода (см. [w3school] (http://www.w3schools.com/jsref/event_onchange.asp)). Попробуйте использовать аналогичную функцию, например 'keyup' или' oninput'. – zwergmaster

ответ

0

Вот решение для создания мгновенного поиска вход с задержкой:

Instant search function in Javascript

Просто modifiy ваш JavaScript-Search-Snippet как это:

$this->registerJs(
    'function instantSearch() { 
     $.pjax.reload({container:"#countries"}); //Reload GridView 
    } 

    var timer; 
    $("document").ready(function(){ 
     //$("#new_country").on("pjax:end", function() { 
     $("input").keyUp(function(){ 
      timer && clearTimeout(timer); 
      timer = setTimeout(instantSearch, 200); 
     }); 
    });' 
); 
Смежные вопросы