ext中fieldLabel居右对齐的问题

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

最新推荐文章于 2021-06-08 14:09:04 发布 · 2k 阅读

文章标签：

#EXT #JavaScript #ViewUI

学习心得专栏收录该内容

4 篇文章

订阅专栏

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

经过几次调试，终于可以右对齐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:"请输入你的姓名"
	}]