Question

Here i am calling a javascript function on a button click and i need to call the server side method inside the javascript function after finishing its execution.

Javascript Function

  function exportCharts(exportFormat) {

            initiateExport = true;
            for (var chartRef in FusionCharts.items) {
                if (FusionCharts.items[chartRef].exportChart) {
                    document.getElementById("linkToExportedFile").innerHTML = "Exporting...";
                    FusionCharts.items[chartRef].exportChart({ "exportFormat": exportFormat });
                }
                else {

                    document.getElementById("linkToExportedFile").innerHTML = "Please wait till the chart completes rendering...";
                }
            }

        }

Server side Method

 protected void imgBTNExportPPT_Click(object sender, ImageClickEventArgs e)
        {
            try
            {
               PredictExportToPPT objOExporttoPPT = new PredictExportToPPT();
               PredictionModel();
                string reportNames = ObjCommon.GetBIReportNames("Prediction", "Report");
                reportNames += ObjCommon.GetBIReportNames("Prediction", "Table");
               objOExporttoPPT.ExportToPPTPredict(ObjPredictInputParameter, reportNames, ObjSharedEntities.PredictTableData);
                string itemname = "PPTOutput.pptx";
                HttpContext.Current.Response.Clear();
                HttpContext.Current.Response.ContentType = "pptx";
                HttpContext.Current.Response.AddHeader("Content-Disposition", "attachment; filename=" + itemname + "");
       HttpContext.Current.Response.BinaryWrite(System.IO.File.ReadAllBytes(HttpContext.Current.Server.MapPath(DataTemplate.PPTOutputTemplateFilePath)));
                HttpContext.Current.Response.Flush();
                HttpContext.Current.Response.End();
               }
            catch (Exception exceptionMessage)
            {
                throw (exceptionMessage);
            }
            finally
            {
                GC.Collect();
            }
        }

and i have tried like this

  $(document).ready(function () {
        $("#imgBTNExportPPT").click(function (e) {
            e.imgBTNExportPPT_Click();
            $.ajax({
                type: "POST",
                url: "PEventPerformance.aspx/updateContent",
                data: "{}",
                success: function (result) {
               }
            });
        });
    });

Any suggestion??

Answer 1

Your imgBTNExportPPT_Click looks like an click event of a button. You may try the following to raise the event from JavaScript

Place this javascript in aspx page

<script type="text/javascript">
    function myfunc() {
        <%= Page.ClientScript.GetPostBackEventReference(imgBTNExportPPT, String.Empty) %>;
    }
</script>

Call this function against OnClientClick

<asp:Button ID="Button1" runat="server" Text="Button" OnClientClick="myfunc();" />

This will fire the server side event:

protected void imgBTNExportPPT_Click(object sender, ImageClickEventArgs e)
{

}