如何將asp.net文本框滾動到底部

我正在構建一個包含日誌消息的文本框的網站。該日誌正在使用AJAX進行更新。如何將asp.net文本框滾動到底部

<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>

我需要每次更新時滾動文本框。怎麼樣？

來源

2009-09-07 ala

處理的Sys.WebForms.PageRequestManager.endRequest事件和向下滾動文本框：

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

來源

2009-09-07 08:20:25

.scrollDown（）似乎沒有定義！我得到一個JavaScript異常 – ala 2009-09-07 08:36:21

對不起 - scrollDown是我的功能。我的答案已更新。 – 2009-09-07 08:57:13

我試着這個，但現在效果，上面的腳本應該在哪裏去？我把它放在我的html標籤之外，放在我的文本框旁邊，它們都不起作用，每次刷新後滾動條都會保留在文本框的頂部！ – Fearghal 2015-01-30 00:30:23

嘗試一些普通的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已方法...

來源

2009-09-07 08:22:47

這可能對textarea HTML控件有好處，但是如何將javascript函數添加到asp：TextBox服務器控件？ – ala 2009-09-07 08:35:06

更新了樣本... – 2009-09-07 09:11:29

你爲什麼不試試這個簡單的例子：

保護無效的Page_Load（對象發件人，EventArgs的）{ 如果（！的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腳本。

來源

2009-09-07 09:21:04 ZokiManas

如何將asp.net文本框滾動到底部

回答

相關問題