ext中fieldLabel居右对齐的问题

最新推荐文章于 2021-06-08 14:09:04 发布

iteye_10372

最新推荐文章于 2021-06-08 14:09:04 发布

阅读量2k

点赞数

分类专栏：学习心得文章标签： EXT JavaScript ViewUI

学习心得专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何在ExtJS框架中实现表单字段标签(fieldLabel)的右对齐效果，通过设置form的labelWidth属性及textfield内的labelStyle属性来完成布局调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

经过几次调试，终于可以右对齐fieldLabel了，fieldLabel的右对齐比较麻烦，必须首先在form中设置labelWidth:50，同时在textfield中的labelStyle中加上labelStyle : "text-align:right;width:50;",这2个地方都要设置宽度才行，否则fieldLabel的宽度就不起作用。
部分代码：


	layout:"form",
	defaults:{xtype:"textfield"},
	labelWidth:50,
	items:[{
		fieldLabel:"姓名",
		name:"name",
		labelStyle : "text-align:right;width:50;",
		allowBlank:false,
		blankText:"姓名不能为空",
		emptyText:"请输入你的姓名"
	}]