ExtJS中FormPanel的labelWidth问题

最新推荐文章于 2023-06-17 22:16:18 发布
转载 最新推荐文章于 2023-06-17 22:16:18 发布 · 6.4k 阅读 · 0
文章标签：

#extjs #javascript

本文解决了一个具体问题：在EXTJS中使用FormPanel时，即使不设置Label，表单控件仍占据固定宽度空间。通过调整布局属性从form到fit解决了这一问题，并提供了进一步的学习资源。

在一个弹窗中只有一个FormPanel，form中也只有一个textarea，不需要label，但初始时不管怎样设置label，该宽度依然存在。查看源码，labelWidth默认宽度确实是100，实际操作中，改大可以，改小不见效果。未对源码进行修改，后将layout:form改成layout:fit，之前设置均得到展现，原来布局不自觉的写成form，大意了，也是经验不足！

EXTJS中常见布局参见：

http://blog.youkuaiyun.com/folio/article/details/6704825

网上资料确实有说labelWidth的问题，未有说明详细的解决方案，不知是否像我一样犯错误了！

Extjs3.2第一篇：formPanel的getForm().getValues()提交与处理
qq_36001465的博客
04-22 3159
form表单提交，要注意可能没有key 前台代码： Ext.onReady(function() { /**解决IE10 日期弹窗不完整 但还是会有阴影 **/ Ext.override(Ext.menu.Menu, { autoWidth: function () { this.width += 'px'; } }); Ext.override(Ext.menu.Menu,
extjs中滚动条属性_ExtJs控件属性配置详细
weixin_39974932的博客
12-19 775
序言：1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴(不足之处，以后项目用到时再续完善)。Ext.form.TimeField:配置项：maxValue：列表中允许的最大时间maxText：当时间大于最大值时的错误提示信息minValue：列表中允许的最小时间minText：当时间小于最小值时的错误提示信息increment：两个相邻选项间的时间间隔，默认为15分钟f...
Extjs4 fieldLabel width
iteye_8420的博客
01-14 510
var wordName = new Ext.form.TextField({ labelWidth : 20,      //标签长度 labelSeparator : '',  //标签分隔字符 fieldLabel : '名称',   //标签名称   name : 'name', xtype : 'textfield', allowBlank : true, width :...
Ext的labelWidth默认会给100
weixin_30776863的博客
06-10 316
Ext的textfield控件的labelWidth属性,如果没有设置这个属性,那么默认会给100,导致左侧有100px的留白 转载于:https://www.cnblogs.com/kaipengli/p/3779702.html
Extjs4.2中 fieldLabel的宽度设置
只是回忆
09-18 3710
为了设置 fieldLabel花了好一会，
Ext 表单FormPanel的简单使用
smile_wlxt的博客
07-24 261
Ext.onReady(function(){                Ext.QuickTips.init();                var form = new Ext.FormPanel({                    frame:true,                    width:500,                    monitorVali...
Extjs学习笔记之二 初识Extjs之Form
10-29
在本篇Extjs学习笔记中，我们将深入探讨Extjs中的Form，特别是其封装的Ext.form.BasicForm和Ext.form.FormPanel。 首先，Extjs中的表单组件主要基于Ext.form.BasicForm，这是一个基础的表单对象，负责处理表单数据...
Extjs中文教程2.x
10-16
- **资源**: 收集 Extjs 的官方文档、社区论坛等资源，以便在开发过程中查阅。 #### 二、Extjs OOP 基础 **2.1 JavaScript 类的定义** - **概念**: JavaScript 中的类是一种特殊函数，用于定义对象的蓝图。 - **...
ExtJS Window嵌入FormPanel，多次调用报错问题
习惯决定性格，性格决定命运
08-26 1623
原始代码： Ext.define('Gigi.view.user.EditForm', { extend : 'Ext.form.Panel', alias : 'widget.userform', frame : true, bodyPadding : 5,
ExtJs控件属性配置详细
weixin_34233618的博客
08-27 513
序言：    1.本文摘自网络，看控件命名像是4.0以前的版本，但控件属性配置仍然可以借鉴（不足之处，以后项目用到时再续完善）。 Ext.form.TimeField:   配置项：            maxValue：列表中允许的最大时间            maxText：当时间大于最大值时的错误提示信息            minValue：列表中允许的最小时间        ...
label设置宽度无效的原因以及处理方式【内联元素和块级元素总结】
江夏、的博客
09-11 4613
今天在写前端代码的时候给label标签设置宽度，代码如下 <label class="label" style="color: red;width: 200px ;height: 20px;line-height: 20px;text-align: center;border-radius: 10px; font-size: 12px;"></label> 结果在前...
ext中fieldLabel文本太宽的问题,以及Panel居中显示
weixin_33795833的博客
11-15 538
在layout: ‘column’,后的排列中，右对齐fieldLabel的宽度就不怎么好使。 经过几次调试，终于可以右对齐fieldLabel了，fieldLabel的右对齐比较麻烦，必须首先在form中设置 labelWidth:40，同时在labelStyle中加上labelStyle : “text-align:right;width:40;...
Ext.form.TextArea中width,height无效问题
格局、视野、认知
05-27 6605
var reason = new Ext.form.TextArea({ width : '80%', height : 'auto', id : 'reason', name : 'reason', grow : true, readOnly : true, fieldLabel : '案由' }); 如上代
Extjs常用控件的属性配置
ヾ凉秋的博客
04-28 1203
Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项间的时间间隔，默认为15分钟 format：显示格式，默认为“g:i A”。一般使用“H:i:s” H：带前缀0的24小时 i：带前缀0的分钟 s：带前缀0的秒 invalidText：当时间值非法时显示的提示信息 altFormats：多个时间输入
extjs combobox 下拉列表菜单学习
西京刀客
06-17 3477
⭐️来自很多年前的extjs笔记，只是一个归档，不做更新！⭐️
ExtJS (3.3的使用)
Hero_孙的博客
10-18 2358
项目中使用到 EXT 3.3/3.4 做开发(09年的项目)  下载 Ext 3.3所需的 资料 目录  1  面板的创建 2  viewPort 的创建 3 对话框,弹出框  4 选项板 (tabpanel) 也可以直接把html中的标签替换成TabPanel 动态tab  1  面板的创建   显示一个panel &lt;html xmlns="http://www....
ext fieldLabel的长度
黑色头发
12-15 529
控制FormPanel中fieldLabel的长度 如： new Ext.form.FormPanel({ width : 400, labelAlign : 'right', height : 200, defaultType : 'textfield', items : [{ fieldLabel : '我太长了导致换行我太长了导致换行我太长了导致换行',...
Extjs中fieldLable
最新发布
10-23
在Extjs4.2中，可以通过`labelWidth`属性来设置`fieldLabel`的宽度。示例代码如下： ```javascript { xtype : 'textfield', name : 'CusCode', fieldLabel : '客户编号', labelWidth: 60 } ``` 上述代码将'客户...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值