javascript - Yii2 ActiveForm 文本输入 onChange

Question

我经历过以下的人 http://www.yiiframework.com/wiki/772/pjax-on-activeform-and-gridview-yii2/ 一切都很好。 但是我想在不单击提交按钮的情况下通过我的表单数据执行 Pjax 搜索。 因此，我正在尝试使用 onChange 事件，但是我找不到执行此操作的方法。 我找到了很多关于 dropDownList 的解释，但是没有关于 textInput onChange 事件的任何信息。

Answer 1

这是一个创建延迟即时搜索输入的解决方案:

Instant search function in Javascript

只需像这样修改您的 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);
        });
    });'
);