Yii2 ActiveForm textInput onChange

时间:2015-11-03 07:45:40

标签: javascript php yii2 pjax

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

2 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

field($ model,'interview_date')-> textInput()-> widget(DatePicker :: classname(),['pluginOptions'=> ['autoclose'=> true,'format'=>'dd- mm-yyyy','todayHighlight'=> true,'startDate'=>'today'],'options'=> [''placeholder'=>'选择日期','onchange'=>'空字段(this.value) ;']])?>