在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如下图.
说明:由上图可以看出代码中parent()的个数由form组件位置决定的。
思路:通过火狐浏览器的firebug查看元素的上下位置顺序
ext修改fieldLabel总结:
(1).修改textfield的fieldLabel采用以下方法:
//获取fieldLabel对象
label =Ext.getCmp('changeLabel').getEl().parent().parent().first();
//修改fieldLabel
label.dom.innerHTML ='afterChange';
(2). 修改combbox的fieldLabel采用以下方法:
combboxId.getEl().parent().parent().parent().first().dom.innerHTML="afterChange:";
combboxId为声明combbox的id
分享到:
相关推荐
EXT dojochina文本框示例Ext.form.TextField.rar
Ext.form.TextField最简单的用法.docx
NULL 博文链接:https://lovebeyond.iteye.com/blog/440899
主要介绍了flutter 输入框组件TextField的实现代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
This is a simple sample with servlet,how to use text fields.
EXT表单验证之TextField,vtype 包括所有EXT中TextField的验证方式
NULL 博文链接:https://as3.iteye.com/blog/1163790
[{ fieldLabel: ‘代码’, name: ‘FCode’, anchor:’100%’, id: ‘fid’ },{ fieldLabel: ‘名称’, name: ‘FName’, anchor:’100%’ // anchor width by percentage },{ xtype: ‘textfield’, name: ‘FID’...
根据条件来控制是否显示form里的textfield表单
遇到一个很奇怪的问题,ExtJs里的form提交创建的时候从session里取了个操作员的ID,然后在form里添加了一个xtype为hidden的组件,给它写了个value,奇怪的就出现了,在其中的一条机器上做是没有问题,换了一个机器,...
Java组件的使用(Bottun,TextField等的使用方法,适合初学Java的人员参考)
这是Form对Item布局的一个演示,仅在于指出如何进行组件居中布局。
iOS Placeholder 和 icon 替换出现的 Text Field 组件
自定义textfield
8-22textfield8-22textfield8-22textfield8-22textfield
TextField-InputView, UITextField InputView模式:终结注册类、信息采集类
TextField 自动换行