Ext.form.TextArea文本区
生活随笔
收集整理的這篇文章主要介紹了
Ext.form.TextArea文本区
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
1、Ext.form.TextArea主要配置項(xiàng)目
| cols | Number | 設(shè)置textarea組件的原始cols屬性，默認(rèn)為4 |
| enterIsSpecial | Boolean | 設(shè)置是否允許輸入控制字符 |
| growAppend | String | 默認(rèn)追加一個(gè)新行 |
| growMax | Number | 字段伸展的最大高度，默認(rèn)為1000 |
| growMin | Number | 字段收縮的最小高度，默認(rèn)為60 |
| preventScrollbars | Boolean | 設(shè)置當(dāng)文本內(nèi)容溢出時(shí)是否先滾動(dòng)條，設(shè)置為true則隱藏滾動(dòng)條，相當(dāng)于overflow:hidden，默認(rèn)為false |
2、Ext.form.TextArea示例
代碼：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"><title>Ext.form.TextArea</title><link href="ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="text/css" /><script src="ext-4.0.7-gpl/bootstrap.js" type="text/javascript"></script><script type="text/javascript">Ext.onReady(function () {Ext.QuickTips.init();var frm = new Ext.form.Panel({title: "Ext.form.field.TextArea示例",bodyStyle: "padding:5 5 5 5",height: 150,width: 250,frame: true,collapsible: true,renderTo: Ext.getBody(),items: [{xtype: "textarea",fieldLabel: "備注",id: "memo",labelSepartor: "：",labelWidth: 60,width: 230}],buttons: [{text: "確定",handler: showValue}]});function showValue() {var memo = frm.getForm().findField("memo");Ext.MessageBox.alert(memo.getValue());}});</script> </head> <body> </body> </html>效果圖：
轉(zhuǎn)載于:https://www.cnblogs.com/libingql/archive/2012/04/17/2453491.html
總結(jié)
以上是生活随笔為你收集整理的Ext.form.TextArea文本区的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 基本通信模型
- 下一篇： .net通过一般处理程序模拟用户控件数据