Fine-tuning & Tweaking.Inline Button

        protected function doCustomRenderColumn($fieldName, $fieldData, $rowData, &$customText, &$handled)
        { 
            if ($fieldName == 'active') {
                $dataAttributes = sprintf('data-id="%s" data-active="%s"', $rowData['id'], $fieldData);
                $customText .= '<button class="btn btn-default inline-button" ' . 
                    $dataAttributes . ' style="margin-left: 25px;">Change</button>';
                $handled = true;
            }
        }

        protected function DoPrepare() {
            // handling parameters and executing the query
            if (GetApplication()->IsGETValueSet('id') && GetApplication()->IsGETValueSet('active')) {
                $id = GetApplication()->GetGETValue('id');
                $active = GetApplication()->GetGETValue('active');
                $sql = "UPDATE product SET active=$active WHERE id=$id";
                $this->GetConnection()->ExecSQL($sql);
                echo json_encode(array("active" => $active));
                exit;
            }
            
            // Auxiliary code
            $this->setDescription(file_get_contents("external_data/doc/tweaking_inline_button.html"));
            $this->setDetailedDescription(
                '<br>' .
                '<div id="on-custom-render-column" class="event-code">' .
                    extractMethodCode($this, 'doCustomRenderColumn') . '</div>' .
                '<div id="on-prepare-page" class="event-code">' .
                    extractMethodCode($this, 'doPrepare') . '</div>' .
                '<div id="on-after-page-load" class="event-code">' .
                    extractClientEventCode($this, 'OnAfterPageLoad') . '</div>'
             );
        }

// OnAfterPageLoad event body
 function prepareInlineButtons() {
    $('button.inline-button').click(function() {
        var button = $(this);
        var checkboxControl = button.siblings('.pg-row-checkbox');
        var productId = button.data('id');
        var activity = button.data('active');
        $.getJSON(
            location.href, 
            {
                id: productId, 
                active: activity == 1 ? 0 : 1
            }, 
            function (dataFromServer) {
                button.data('active', dataFromServer.active);
                if (dataFromServer.active == 1) {
                    checkboxControl.addClass('checked');
                } else {
                    checkboxControl.removeClass('checked');
                }
            }   
        )
    })
}

prepareInlineButtons();