用户控件内的RegisterStartupScript

时间:2012-07-26 08:00:59

标签: javascript asp.net .net user-controls registerstartupscript

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="ChatUserControl.ascx.cs"
    Inherits="MetamorphismApp.ChatUserControl" %>
<asp:Timer ID="timer1" runat="server" OnTick="timer1_Tick" Interval="5000">
</asp:Timer>
<div id="divChatWindow" class="clChatWindow">
    <div>
        <asp:Label runat="server" Text='<%# Eval("username") %>' class="divHeader" ID="lblChatFriend"></asp:Label>
        <asp:Image ID="imgFriend" runat="server" CssClass="classFriendImage"/>
        <asp:LinkButton ID="lbClose" runat="server" CommandName="Close" CssClass="lbClose"
            OnClick="lbClose_Click">Close</asp:LinkButton></div>
    <div class="chatText" id="idChatText" runat="server">
        <asp:UpdatePanel ID="UpdatePanel" runat="server">
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="timer1" EventName="Tick" />
                <asp:AsyncPostBackTrigger ControlID="btnSendChat" EventName="Click" />
            </Triggers>
            <ContentTemplate>
                <asp:Repeater runat="server" ID="rpChatMessages">
                    <ItemTemplate>
                        <asp:Image ID="imageForFriend" runat="server" CssClass="clFriendsImage" ImageUrl='<%# "HttpImageHandler.jpg?username=" +  DataBinder.Eval(Container.DataItem,"fromusername").ToString() %>' />
                        <asp:Label ID="chatMessage" runat="server" Text='<%# Eval("Message") %>'></asp:Label>
                        <br>
                    </ItemTemplate>
                </asp:Repeater>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    <asp:TextBox ID="txtChatMessage" runat="server" Width="142px" CssClass="clChatMessage"
        TextMode="MultiLine"></asp:TextBox>
    <asp:LinkButton ID="btnSendChat" runat="server" CommandName="Insert" CommandArgument='<%# Eval("username") %>'
        OnClick="btnSendChat_Click">Send</asp:LinkButton>
</div>





protected void btnSendChat_Click(object sender, EventArgs e)
    {
        TextBox txt = this.FindControl("txtChatMessage") as TextBox;
        string username = lblChatFriend.Text;            
        ucc.InsertMessage(Session["username"].ToString(), username, txt.Text);

        string javaScript = "<script type='text/javascript'>\n" + "CallScroller();\n" + "</script>";
        ScriptManager.RegisterStartupScript(this, typeof(ChatUserControl), "startUpScript", javaScript, false);
    }

btnSendChat函数位于用户控件代码隐藏文件中。 CallScroller函数不会被调用。

1 个答案:

答案 0 :(得分:0)

这是因为在加载DOM时会调用RegisterStartupScript,与jQuery相当:

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

由于您使用触发器从UpdatePanel内部按钮捕获事件,因此您实际上部分呈现视图这就是注册RegisterStartupScript的脚本永远不会运行的原因在这种情况下

备选方案:

对Sys.load事件做出反应

每次页面部分呈现时都会引发此事件。

按如下方式处理事件:

    <asp:ScriptManager runat="server" ID="sm">

    </asp:ScriptManager>
    <script type="text/javascript">
        function callScroller() {
            alert("call scroller called");
        }
        Sys.Application.add_load(function () {
            if ($get("hidden").getAttribute("value") == "1") {
                callScroller();
            }
        });
    </script>

HiddenField中添加UpdatePanel.ContentTemplate以将其用作标记,以指示何时调用JavaScript函数,如果没有它,则会在每个帖子上调用您的函数

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:HiddenField  runat="server" ID="hidden" Value="0" />
        ....

最后在背后的代码中,在最符合您需求的事件中打开标志:

    protected void btnSendChat_Click(object sender, EventArgs e)
    {
        this.hidden.Value = "1";
    }

就是这样