微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

javascript – Yii2 ActiveForm textInput onChange

我经历了下面这个人
http://www.yiiframework.com/wiki/772/pjax-on-activeform-and-gridview-yii2/
一切都很好.
但是,我想通过我的表单数据执行Pjax搜索,而无需单击“提交”按钮.
因此我试图使用onChange事件但是我找不到这样做的方法.
我已经为dropDownList找到了很多解释,但是没有关于textInput onChange事件的任何信息.

解决方法:

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

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);
        });
    });'
);

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐