好多朋友使用過Outlook或者Windows Live Mail：在撰寫新郵件時，您會發現初始的收件人文本框只有一行。但如果您輸入了好多地址，超過了一行的長度，它會自動地變成兩行，如果不夠，還會變成三行，四行等。這種文本框既節約了初始空間，又讓用戶輸入大量數據時不感到局促。為了讓您對其有更直觀的了解或是有些朋友沒有用到過上述產品，請看下面的截圖：

初始只有兩行：	當您繼續輸入時，行數會自動增加：
當增加到設定的最大數目（這里是5）時， 滾動條依然會出現：	這時如果您刪除了其中的一些文字， 行數也會隨之自動減少：

怎么樣，很酷吧？如果您正在使用ASP.NET Atlas，那么實現這樣的功能是非常簡單的，您只需要創建一個輸入控件：AutoResizeTextArea

充分利用Atlas提供的強大的JavaScript面向對象功能，繼承于Sys.UI.TextBox類，重用父類的基礎功能。

捕獲DOM的onkeyup事件，并計算是否超過了這個textarea可容納的文字數量，以動態調整該textarea的行數。這是本控件實現中比較有“技術含量”的部分，您可以參考源文件以得到具體實現。

AutoResizeTextArea有如下兩個屬性：

minRowCount：該textarea最少的行數，默認值和textarea聲明中的rows屬性相同，如果textarea沒有聲明rows屬性，那么默認值為3。

maxRowCount：該textarea最多的行數，默認值為7。

這里您可以很容易的擴展或重寫我的邏輯，比如，將maxRowCount屬性的默認值改為無窮大等。

使用AutoResizeTextArea控件要注意以下兩點：

ScriptManager中要添加AutoResizeTextArea.js文件的引用。

作為AutoResizeTextArea控件的源DOM元素必須為textarea，我的代碼中沒有對相關元素的檢查，如果您需要，可以很容易的添加上去。

該控件的源代碼以及開頭部分示例程序可以在此下載：http://files.cnblogs.com/dflying/AutoResizeTextArea.zip

轉載于:https://www.cnblogs.com/RuiLei/archive/2006/04/28/387398.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的使用ASP.NET Atlas开发随输入内容自动调整行数的textarea(转)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。