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, 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>
效果圖: