2011-08-23 68 views
1

如果需要,我需要有一個可調整大小的文本框或textarea以展開可視區域。 Currenltly我的HTML在一個表中奠定了:可調整大小的文本框/區域

<table> 
    <tr> 
    <td> 
     <Grid> 
    </td> 
    <td> 
     <TextArea> 
    </td> 
    </tr> 
</table> 

應該有這個網格和文本區域之間的線,所以如果我展開一個,另一個收縮,反之亦然。我嘗試了一些jQuery,但我認爲會有一個簡單的asp.net控件可以實現這一點。任何人都知道我可以用這個看似簡單的任務嗎?

謝謝

回答

0

我用它做了Telerik.RadSplitter

1

如何jQuery UI可調整?

退房這一個:http://jqueryui.com/resizable/#textarea

這裏是整個頁面。你可能會檢查一些可調整大小的選項。

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Resizable - Textarea</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <style> 
    .ui-resizable-se { 
    bottom: 17px; 
    } 
    </style> 
    <script> 
    $(function() { 
    $("#resizable").resizable({ 
     handles: "se" 
    }); 
    }); 
    </script> 
</head> 
<body> 

<textarea id="resizable" rows="5" cols="20"></textarea> 


</body> 
</html> 
+0

這不適合我。這是我的控制:我的腳本:\t \t \t \t

  • 11. 當文本框調整大小時,窗口大小調整
  • 12. 調整窗體大小的CSS/HTML文本區域
  • 13. 停止在Safari中調整大小的文本區域
  • 14. 根據文本區域調整div的大小
  • 15. 如何動態調整spotfire文本區域的大小
  • 16. 使用HR標籤來調整文本區域的大小
  • 17. 在加載時調整文本區域的大小
  • 18. 禁用Dijit簡單文本區域的調整大小?
  • 19. 具有靈活背景圖像的文字區域,可調整文本大小
  • 20. 使用div調整文本區大小
  • 21. 調整文本框的大小?
  • 22. 調整文本框的字體大小
  • 23. 自動調整文本框的大小
  • 24. Web2Py調整文本框的大小
  • 25. 不能使文本區域調整大小以適應窗口的大小
  • 26. Silverlight - 自動調整文本框的大小以填滿空白區域
  • 27. Drupal燙傷:在wysiwyg文本區域調整圖像大小
  • 28. 使文本區域無法調整大小
  • 29. 如何刪除調整大小在文本區域標籤
  • 30. wysihtml5文本區域調整