2015-11-03 77 views
4

我已經通過以下人 http://www.yiiframework.com/wiki/772/pjax-on-activeform-and-gridview-yii2/ 一切都很好。 但是,我想通過我的表單數據執行Pjax搜索,而無需點擊提交按鈕。 因此,我試圖使用onChange事件,但我找不到方法來做到這一點。 我發現了很多dropDownList的解釋,但是沒有關於textInput onChange事件的任何信息。Yii2 ActiveForm textInput onChange

+0

的問題是,平變化只有在輸入元素失去焦點時纔會觸發(請參閱[w3school](http://www.w3schools.com/jsref/event_onchange.asp))。嘗試使用類似'keyup'或'oninput'的函數。 – zwergmaster

回答

0

這裏是創建具有延遲即時搜索輸入解決方案:

Instant search function in Javascript

只是modifiy你的JavaScript - 搜索 - 摘錄如下:

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