回发时从服务器端调用javascript

本文关键字：调用 javascript 服务器端 | 更新日期: 2023-09-27 18:10:16

var r = {  
        init : function(){  
             r = Raphael("pie");
            //r.g.txtattr.font = "12px 'Fontin Sans', Fontin-Sans, sans-serif";
            r.g.text(320, -330, "Message Status").attr({ "font-size": 20 });
            var pie = r.g.piechart(360, -180, 100,  <%= Session["uStats"] %>, { legend: [<%= Session["vkeyColor"] %>], colors: [<%= Session["vPieColor"] %>]  });
            pie.hover(function () {
                this.sector.stop();
                this.sector.scale(1.1, 1.1, this.cx, this.cy);
                if (this.label) {
                    this.label[0].stop();
                    this.label[0].scale(1.5);
                    this.label[1].attr({ "font-weight": 800 });
                }
            }, function () {
                this.sector.animate({ scale: [1, 1, this.cx, this.cy] }, 500, "bounce");
                if (this.label) {
                    this.label[0].animate({ scale: 1 }, 500, "bounce");
                    this.label[1].attr({ "font-weight": 400 });
                }
            });
            var r = Raphael("pie"),
                    data2 = [<%= Session["vProgressPercentage"] %>];
                    axisx = ["10%", "20%"];
            r.g.txtattr.font = "12px 'Fontin Sans', Fontin-Sans, sans-serif";
             r.g.barchart(80, 25, 100, 320, data2, { stacked: true, colors: [<%= Session["vProgressColor"] %>,'#fff'] });
             axis2 = r.g.axis(94, 325, 280, 0, 100, 10, 1);
        }
        }
          window.onload = function () {
          r.init();
        };

Javascript在页面加载时执行，我使用更新面板进行部分回发，Javascript在回发期间不执行，如何从服务器端调用它。

  <asp:ScriptManager ID="smCharts" runat="server" />
   <script type="text/javascript" language="javascript">
             Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(BeginRequestHandler);
             Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
             function BeginRequestHandler(sender, args) {
                 r.init();
             }
             function EndRequestHandler(sender, args) {
                 r.init();
             }
            </script>
        <asp:UpdatePanel runat="server" ID="Holder" OnLoad="messsagePercentStats" UpdateMode="Conditional">
            <ContentTemplate>
                <div id="pie" onclick="__doPostBack('Holder', '');" style="top: -125px; left: -20px; width: 610px; position: relative;
                    height: 389px;">
                </div>

这就是我正在尝试的，图表没有改变。它保持不变，就像页面加载

protected void Timer_Tick(object sender, EventArgs args)
    {
        String MsgID = HttpContext.Current.Request.QueryString["MsgID"];
        int msgID = Convert.ToInt32(MsgID);
        BindGridViewUsers(msgID);
        ClientScript.RegisterStartupScript(this.GetType(), "loadpie", "r.init();");
        Holder.Update();
        }

回发时从服务器端调用javascript

使用ScriptManager。RegisterStartupScript从更新面板调用javascript函数;像这样:

ScriptManager.RegisterStartupScript(this,this.GetType(),"key","javscriptfunction();" , false);

您可以将此脚本放入函数中:

function foo() {
    ...
}

将在DOM加载时执行:

window.onload = function () {
    foo();
};

和在服务器端从UpdatePanel回发时:

ScriptManager.RegisterStartupScript(this, this.GetType(), "foo", "foo();", true);

window.onload在页面已经加载后不工作。使用

$(function(){ r.init();})

。

你也可以做

Response.Write("<script language='javascript'>alert('I'm an alert');</script>");

只是把你的代码，而不是alert。您可能能够从那里调用该函数，但我还没有测试过。

相关文章：