`
heiwuya821
  • 浏览: 70118 次
  • 性别: Icon_minigender_1
  • 来自: 甘肃
社区版块
存档分类
最新评论

ext中fieldLabel居右对齐的问题

阅读更多
经过几次调试,终于可以右对齐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:"请输入你的姓名"
	}]
分享到:
评论

相关推荐

    Extjs Label的 fieldLabel和html属性值对齐的方法

    本文将深入探讨如何处理`Label`组件中的`fieldLabel`和`html`属性值对齐的问题。 首先,`fieldLabel`是ExtJS表单字段的一个常见属性,它定义了字段的标签。通常,`fieldLabel`会自动与相应的表单字段对齐,但当...

    Ext JS高级程序设计

    在Ext JS中,`HBoxLayout`(简称HBox)是一种常用的布局管理器,主要用于水平方向上的元素排列。它提供了丰富的配置选项来帮助开发者更好地控制组件的布局,包括元素的对齐方式、填充样式等。本文将详细介绍`...

    Ext2.0 form使用实例

    `float`属性在CSS中用于决定元素的对齐方式,当设置为`left`时,元素将向左浮动,直到碰到边界或其他浮动元素。在FormPanel中,我们可以利用这个特性来创建多列布局。 例如,如果我们要创建两列的表单,可以这样...

    自动添加行(ext)

    从文件标题“自动添加行(ext)”以及部分代码内容来看,这段代码主要涉及的是Ext JS框架的应用,特别是Ext JS中的表单元素和布局管理。下面我们将对这段代码进行深入解析,提炼其中的关键知识点。 ### 关键知识点...

    Ext table布局实例 formpanel的table布局

    在Ext JS这个强大的JavaScript框架中,布局管理是构建复杂用户界面的关键部分。本文将深入探讨“Ext table布局实例”以及“formpanel的table布局”,帮助开发者更好地理解和运用这两种布局方式。 首先,我们要理解...

    Ext 表单布局实例代码

    `Ext.form.FormPanel`是表单的主要容器,包含了表单的配置,如`labelAlign`设置标签对齐方式('right'表示右对齐),`labelWidth`定义标签的宽度,`title`设置表单标题,`frame`决定是否显示边框,`width`设定表单...

    .archExtJs2.0学习系列(7)--Ext.FormPanel之第四式(其他组件示例篇).doc

    首先,Ext.FormPanel是ExtJS中用于创建表单的主要组件,它允许我们构建复杂的表单布局并处理用户输入的数据。 1. **Checkbox简单示例** Checkbox在ExtJS中用于创建复选框,可以用来让用户选择多个选项。在示例中,...

    ext实现完整的登录代码

    在EXT JS中,实现一个完整的登录代码涉及到多个关键知识点,主要涵盖了表单(FormPanel)、表单字段(Field)、按钮(Button)、窗口(Window)以及表单验证和数据提交。以下是对这些知识点的详细说明: 1. **EXT ...

    Extjs带图片下拉框

    在Ext JS这个强大的JavaScript框架中,开发者经常需要创建各种自定义组件来满足用户界面的特殊需求。本示例探讨的是如何在Ext JS中构建一个带有图片的下拉选择框,这种组件可以极大地提升用户界面的视觉效果和交互...

    extjs布局管理学习指南

    表单布局主要用于创建表单界面,可以设置字段标签的对齐方式、字段间距等。此外,还可以使用`Ext.form.FormPanel`来创建更复杂的表单。 **示例代码**: ```javascript Ext.onReady(function () { formlayout(); });...

    学习ExtJS form布局

    2. **labelAlign**:决定标签相对于输入字段的位置,可设置为`'left'`(左对齐)、`'right'`(右对齐)或`'center'`(居中对齐)。默认情况下,标签是左对齐的。 下面是一个使用`FormLayout`的示例代码: ```...

    基于EXTJS简明教程2.0的笔记

    15. **Ext.form.FormPanel** 用于创建表单,可以配置`labelAlign`(标签对齐方式)和`defaultType`(默认组件类型),表单组件在`items:[]`中定义,每个组件有自己的属性如`fieldLabel`和`name`。 16. **Accordion...

    extjs属性方法大全

    - `fieldLabel`: 字段标签文本。 - `hideLabel`: 是否隐藏标签,默认为 `false`。 - `labelSeparator`: 标签分隔符,默认为 `':'`。 - `labelStyle`: 标签样式。 - `inputType`: 输入框类型,默认为 `text`。 ...

    EXTJS修改颜色实例源码

    - 在实例中,`fieldLabel` 定义了字段的标签,`xtype` 设置为 `'combo'` 表示这是一个下拉框,`triggerAction` 设置为 `'all'` 表示按下触发器按钮时将显示完整列表。 - `anchor` 用于控制组件的宽度,`store` 是...

    Extjs开发精华

    - `buttonAlign:'center',`:设置按钮对齐方式为中心。 - `checked:true,`:用于设置单选或复选框默认被选中。 5. **表单重置与焦点定位**: - `myform.form.reset();`:清空表单所有字段的值。 - `Ext.getCmp...

    extjs-form组件配置参数详解

    `Ext.form.Action`是ExtJS中的一个类,用于处理表单提交和加载数据的动作。它提供了多种配置选项和属性来控制表单操作的过程。 **配置项** - **success**: 执行成功后的回调函数,该函数接收两个参数:`form`(当前...

    学习ExtJS Window常用方法

    默认值为 `right`,即按钮靠右对齐。 8. **closeAction**:该属性控制关闭窗口时的行为。可选值包括 `"close"` 和 `"hide"`,其中 `"close"` 表示释放窗口占用的资源,而 `"hide"` 表示仅仅隐藏窗口而不释放资源。...

Global site tag (gtag.js) - Google Analytics