Ext.form.TextArea中width,height无效问题

最新推荐文章于 2024-07-29 17:49:33 发布

原创最新推荐文章于 2024-07-29 17:49:33 发布 · 6.6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ext #area textfield

js系列——extjs 专栏收录该内容

11 篇文章

订阅专栏

本文介绍了一个关于 Ext form TextArea 控件配置的问题及解决方案。当 TextArea 设置为自动伸缩时，其宽度和高度可能不会按预期显示。文中提供了一个简单的解决方法：移除 grow:true 配置项，使 TextArea 的尺寸能够正常应用。

var reason = new Ext.form.TextArea({
					width : '80%',
					height : 'auto',
					id : 'reason',
					name : 'reason',
					grow : true,
					readOnly : true,
					fieldLabel : '案由'
				});

如上代码所示，如果宽高设置无效，只需去掉 grow:true 配置项即可

var reason = new Ext.form.TextArea({
					width : '80%',
					height : 'auto',
					id : 'reason',
					name : 'reason',
					readOnly : true,
					fieldLabel : '案由'
				});

grow : Boolean

true 如果此表单项需要自动增长、收缩到它的内容长度(默认为 false)