0

チャット アプリケーションを作成し、複数行のテキスト ボックスを使用してチャット メッセージを表示しました。

**Aspx page :**

<asp:UpdatePanel runat="server" ID="up1" UpdateMode="Conditional">
<ContentTemplate>
 <asp:TextBox ID="TextBox1" runat="server" Height="163px" Font-Size="0.81em" 
  Font-Names="Verdana" TextMode="MultiLine"></asp:TextBox> 
</ContentTemplate>
 <Triggers>
   <asp:AsyncPostBackTrigger ControlID="refreshTimer" EventName="Tick" />
 </Triggers>
 </asp:UpdatePanel>  

 <asp:Timer runat="server" ID="refreshTimer" Interval="2000" Enabled="true" 
 ontick="refreshTimer_Tick" />

 **Behind code :**

 protected void refreshTimer_Tick(object sender, EventArgs e)
 {
     up1.Update();
 }

すべてが正常に機能していますが、TextBox1 が更新され、最後の行が非表示になり、垂直スクロールバーが表示された後、最後の行の後の新しい行にカーソルを配置するにはどうすればよいですか。

前もって感謝します....... ：）

4

1 に答える 1

0

次のように、テキストボックスに ClientIDMode="Static" を設定できると思います。

<asp:TextBox ID="TextBox1" runat="server" Height="163px" ClientIDMode="Static" Font-Size="0.81em" Font-Names="Verdana" TextMode="MultiLine"></asp:TextBox>

その後、次の JavaScript をページに配置します。

<script type="text/javascript">
    $(document).ready(function () {
        $('#TextBox1').live('change', function () {
            $('#TextBox1').scrollTop($('#TextBox1')[0].scrollHeight - $('#TextBox1').height());
        });
    });
</script>
于 2012-11-30T08:59:02.267 に答える