如何修改form组件的fieldLabel

最新推荐文章于 2024-03-09 23:11:01 发布
最新推荐文章于 2024-03-09 23:11:01 发布
阅读量341 收藏
点赞数
分类专栏： ExtJs 文章标签： EXT CSS Firebug HTML
在ExtJs中不能直接通过fieldLabel='new fieldLabel'来修改Form中组件的fieldLabel.不过可以通过修改dom来完成对fieldLabel的修改。
下面我做了个简单的示例： 
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="../ext-2.2.0/resources/css/ext-all.css" /> 
    <link href="column-tree.css" rel="stylesheet" type="text/css" />
 	<script type="text/javascript" src="../ext-2.2.0/adapter/ext/ext-base.js"></script>
 	<script type ="text/javascript" scr="../ext-2.2.0/ext-all-debug.js></script>
         <script type="text/javascript" src="../ext-2.2.0/ext-all.js"></script>
         <script language="javascript">
	 Ext.onReady(function(){
      var formpanel =new Ext.form.FormPanel({
	     title:'ChangeFieldLabel',
		 applyTo:'script',
		 frame:true,
	  	 height:'400',
		 width:'600',
		 autoShow:true,
		 buttons:[{text:'changFieldLabel',handler:function changeFieldLabel(){
              //获取fieldLabel对象 
		 label =Ext.getCmp('changeLabel').getEl().parent().parent().first();
              //修改fieldLabel 
	     label.dom.innerHTML ='afterChange';
				}}],
		 labelAlign:'right',
		 items:[{  xtype:'textfield',
				   id:'changeLabel',
		           fieldLabel:'beforeChange'				  
				  }]
	  	        });
   });
</script>
<body>
<div id="script" >
</div>
</body>
</head>
</html>

上在这个例子中，在firebug下html如下图.
[img]http://rowen.iteye.com/upload/attachment/134017/281ffe5d-1305-3897-bec3-3cac42e0255b.png[/img]
说明：由上图可以看出代码中parent()的个数由form组件位置决定的。
iteye_20589
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Extjs 动态改变fieldLabel的值
涵涵的专栏
01-15 1127
1.根据combox的值，动态改变combox自己的fieldLabel的值 Ext.onReady(function() {        new Ext.form.FormPanel({             renderTo : Ext.getBody(),             items : [new Ext.form.TimeField({                 id
记录一个vant组件库里输入框组件label两端对齐的方法
qq_44473483的博客
08-25 1416
vant输入框组件label两端对齐 /deep/ .van-field__label { span { display: inline-block; width: 70px; text-align-last: justify;; } } **解析：**首先使用/deep/穿透使其样式可以生效， 其次，label里面的文本是包含在span标签里面的，所以需要在span上进行修改。span标签不能直接设置宽度，所以需要先设置为行内会计元素，最后在tex
小程序 van-field label和输入框改成上下布局
最新发布
℡メ㏑╭ァ小凯
03-09 879
在组件上面加个样式就行：custom-style="display:block;
修改van-fileld的lable样式
m0_55927813的博客
03-16 1760
/你要的样式。
yii2视图写php标签,关于Yii2 定制表单输入字段的标签和样式
weixin_39990138的博客
03-10 138
详解Yii2 定制表单输入字段的标签和样式Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField，要生成一个具有label、input、error提示这样通用格式的登录框，可编写如下代码：'id' => 'login-form','options' => ['class' => 'form-horizontal'],'fieldConfig' =>...
Extjs Label的 fieldLabel和html属性值对齐的方法
10-25
主要介绍了Extjs Label的 fieldLabel和html属性值不能对齐的解决方法,需要的朋友可以参考下
extjs form textfield的隐藏方法
01-19
this.formpanel = new Ext.FormPanel({ items: [{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by ...
Extjs学习笔记之三 extjs form更多的表单项
01-19
可以通过如下代码新建一个日期选择框： 代码如下: new Ext.form.DateField({ id: ‘diliveryDate’, format: ‘Y年m月d日’, maxValue: new Date(), minValue: ‘1900-01-01’, disabledDays: [0, 6], ...
ComboBox 控件隐藏 fieldLabel 不能隐藏问题解决
03-19
NULL 博文链接：https://wwwzhouhui.iteye.com/blog/701038
SassError: expected selector报错 / 修改Vant自带样式问题/深度作用选择器
weixin_43912081的博客
07-21 1541
今天在写项目的时候有用到Vant作为UI库，但是需要自己设置样式 这时候就出现了问题，修改无效 自己要设的样式如下： .van-field{ .van-field__label { font-size: .3rem; font-weight: bold; color: #141C23; } } 然后并没有改过来 然后想说用 !important 强制设置 但依旧没用 后来上网查，有如下解决办法： （1）用 /deep/ .van-.
php隐藏form,yii2.0实现隐藏form中的label标签
weixin_31913479的博客
03-11 334
隐藏标签方式一：= $form->field($model, 'ee_type', ['labelOptions'=>['class'=> 'hide']])->dropDownList(YiiLib::loadDDList())?>隐藏标签方式二：= $form->field($model, 'ee_type')->dropDownList(YiiLib...
上车，手把手在实际项目中做前端单元测试
aiyang1214878408的博客
10-25 952
在实际项目中做前端单元测试
JS中的lable标签
独酌101112的博客
08-20 2712
label可以说是JS里面控制循环一个使用的语句了，一般搭配continue和break使用，首先来回顾一下这两个语句： continue：立即退出循环后从循环的顶部继续执行。 break：立即退出循环并强制执行后面的语句。 这两个语句可以精确地控制for和while的进行，但是在一些方面却不尽人意，来看一个示例： var n = 10; var m = 10; var num = 0; for(var i=0;i<n;i++){ for(var j=0;j<m;j++){
ExtJs 修改fieldLabel的值
星空
09-08 8210
//修改人员选择器的fieldLabelExt.getCmp("selectTreeRyName2").fieldLabel = "需求定义人"; Ext.getCmp("selectTreeRyName").fieldLabel = "需求定义人";
关于ExtJS控件的fieldLabel配置项的小知识点
热门推荐
秋风瑟瑟
05-18 2万+
1、fieldLabel配置项的运算性：       我们都知道，fieldLabel配置项一般都是接收文字性的字符串，很少有用运算模式来赋值的情况，即如下情况： var Fee = new Ext.form.ComboBox({ fieldLabel:(Ext.getCmp('Test').getValue()==true?'FieldLabel':'FieldLabel'),
yii2 表单 ActiveForm->field 方法设置自定义CSS的方法
无笺札记
04-13 6024
&lt;?= $form-&gt;field($userRole, 'userid', ['options' =&gt;['class' =&gt; 'bigDiv'] ])-&gt;textInput(['placeholder'=&gt; 'ccc', 'class'=&gt; 'inputSelf', 'maxlength' =&gt; true, 'value' =&gt; $user-&...
vant 表单按钮置灰_Vant Field 输入框
weixin_39968309的博客
12-19 3540
介绍表单中的输入框组件引入import Vue from 'vue';import { Field } from 'vant';Vue.use(Field);代码演示基础用法可以通过v-model双向绑定输入框的值，通过placeholder设置占位提示文字export default {data() {return {value: ''};}}自定义类型根据type属性定义不同类型的输入框，默认...
Ext labelfield 动态改变
kakarot_java的博客
10-12 282
在Ext form 中的 field 中的fieldLabel,只提供了初始化赋值,并没有提供动态改变其值的方法,经过大量的实验,终于找出了一个比较简单的解决方案, 1.首先,需要动态赋值的field需要有个id (如果没有手动指定,则EXT会自动生成一个,可以获取到) 2.Ext.DomQuery.selectNode('label[for=pass]').innerHTML='密码'; ...
extjs在form表单中怎么使用layui组件
05-11
如果你想在ExtJS的form表单中使用Layui组件，需要手动引入Layui的相关CSS和JS文件，并且在代码中使用Layui的API来实现组件的渲染和交互。 以下是一个使用Layui的日期选择器组件在ExtJS的form表单中的示例代码： ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值