如何将asp.net文本框滚动到底部

Question

我正在建立一个带有包含日志消息的文本框的网站。 使用AJAX更新日志。

<asp:UpdatePanel ID="UpdatePanel1" runat="server" >
    <ContentTemplate>
        <asp:TextBox ID="TextBox1" runat="server"                                 
            onload="textbox_load"
            Height="110px" 
            TextMode="MultiLine"             
            Width="100%">
        </asp:TextBox>    
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
    </Triggers>
</asp:UpdatePanel>

每次更新时，我需要向下滚动文本框。 怎么样？

Answer 1

处理Sys.WebForms.PageRequestManager.endRequest事件并向下滚动文本框：

var tbox = $get('<%= TextBox1.ClientID %>');
tbox.tbox.scrollTop = tbox.scrollHeight;

Answer 2

尝试一些简单的javascript。 我认为您可以修改以下示例以使其适合您的方案：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>

  <script type="text/javascript">
    function scrollDown() 
    {
      document.getElementById('<%=TextBox1.ClientID%>').scrollTop = document.getElementById('<%=TextBox1.ClientID%>').scrollHeight;
    };
  </script>

</head>
<body>
  <form id="form1" runat="server">
  <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
  </form>
</body>
</html>

您只需要弄清楚如何调用scrollDown方法即可。

Answer 3

您为什么不尝试以下简单示例：

受保护的无效Page_Load（对象发送者，EventArgs e）{如果（！IsPostBack）{

            Page.ClientScript.RegisterStartupScript(this.GetType(),
            "ScrollTextbox",
            "<script type=\"text/javascript\">document.getElementById('" +
            this.TextBox1.ClientID +
            "').scrollTop = document.getElementById('" +
            this.TextBox1.ClientID +
            "').scrollHeight; " +
            " </script>");
        }
    }

只需使用您的文本框名称更改TextBox1参数即可。 您可以看到文本框中的内容滚动到底部。

您可以在AJAX刷新文本框的内容之后调用此Java脚本。