How do I refresh grid view in Yii after AJAX using jQuery?

Question

I'm trying to refresh the grid, but i get this error:

TypeError: $.fn.GridView is undefined

This is my js code:

$( document ).ready(function() {
        $("#username_filter").keyup(function( event ) {
            if ($(this).val().length >3){
                $.ajax({
                    url: "/common/main/filterData/",
                    type: "POST",
                    data: { username : $(this).val() },
                }).done(function() {
                    $.fn.GridView.update("#yw0");
                });
            }
        });
    });

and this is the view:

.....
$this->widget('GridView', array(
        'dataProvider' => $data,
        //'filter' => '',
        'itemsCssClass'=>'table',
        'pager' => array(
                'class'                 => 'CLinkPager',
                'prevPageLabel'         => 'Previous',
                'nextPageLabel'         => 'Next',
                'header'                => '',
                'previousPageCssClass'  => 'btn btn-info btn-sm',
                'selectedPageCssClass'  => 'btn btn-warning btn-sm',
                'internalPageCssClass'  => 'btn btn-info btn-sm',
                'firstPageCssClass'     => 'btn btn-info btn-sm',
                'nextPageCssClass'      => 'btn btn-info btn-sm',
        ),
....

Maybe it is a noob question, but where is generated the id of the grid ?

Panoptik · Accepted Answer · 2015-01-12 14:35:17Z

2

you can specify custom id for GridView just specify id attribute for grid view options

$this->widget('GridView', array(
    'id' => 'my_grid_id',
    'dataProvider' => $data,
    // ...
);

for manual update try this

$('#' + id).yiiGridView('update');

answered Jan 12, 2015 at 14:35

Panoptik

1,1721 gold badge18 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

alfa6661 · Accepted Answer · 2015-01-12 14:44:51Z

0

it should be

$.fn.yiiGridView.update("yw0");

not $.fn.GridView

to set the id of gridview, just specify id attribute for grid view. example:

$this->widget('GridView', array(
    'id' => 'custom_id',
    .....
));

answered Jan 12, 2015 at 14:44

alfa6661

3051 silver badge11 bronze badges

Collectives™ on Stack Overflow

How do I refresh grid view in Yii after AJAX using jQuery?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related