1、Ext.form.TextArea主要配置项目
| 配置项 | 类型 | 说明 |
|---|---|---|
| cols | Number | 设置textarea组件的原始cols属性，默认为4 |
| enterIsSpecial | Boolean | 设置是否允许输入控制字符 |
| growAppend | String | 默认追加一个新行 |
| growMax | Number | 字段伸展的最大高度，默认为1000 |
| growMin | Number | 字段收缩的最小高度，默认为60 |
| preventScrollbars | Boolean | 设置当文本内容溢出时是否先滚动条，设置为true则隐藏滚动条，相当于overflow:hidden，默认为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, 250, frame: true, collapsible: true, renderTo: Ext.getBody(), items: [{ xtype: "textarea", fieldLabel: "备注", id: "memo", labelSepartor: "：", labelWidth: 60, 230 }], buttons: [{ text: "确定", handler: showValue }] }); function showValue() { var memo = frm.getForm().findField("memo"); Ext.MessageBox.alert(memo.getValue()); } }); </script> </head> <body> </body> </html>
效果图：
