Question

file location is: yiiroot/framework/widjets/assets/gridview/jquery.yiigridview.js
I need to change one line in this file so that I can use it in my requirements.

//original code line 79,80
                if (settings.ajaxUpdate.length > 0) {
                    $(document).on('click.yiiGridView', settings.updateSelector, function () {

//I need to change it to :

                if (settings.ajaxUpdate.length > 0) {
                    $(this).parent().on('click.yiiGridView', settings.updateSelector, function () {

what is the right way to override this without needing to change the source code file?

Answer 1

An alternate method to do this would be to use jQuery’s off method.

Using off you can remove the event handler that is already added in jquery.yiigridview.js, and then add a new handler using on.

Something like this(in the view that has the grid view):

<?php
Yii::app()->clientScript->registerScript('myownhandlers',
    "
        $(document).off('click.yiiGridView', $.fn.yiiGridView.settings['your-grid-id'].updateSelector); // this will remove the jquery.yiigridview.js handler

        // assign the new handler, instead of $(this) you have to use the id of the element you are interested in
        $('#the-id-you-are-interested-in').parent().on('click.yiiGridView', settings.updateSelector, function () {
        // your function's code, you'll have to write your function
        });
    ",
    CClientScript::POS_LOAD // this is important because the default is POS_READY, and the gridview is available only after load
);
?>

Read on about the on method too to get a better understanding of the code.

Note:

Take care that the event namespace i.e click.yiiGridView is correct, actually in the version of yii i have there is no namespace and it is just click, so check that before overriding.