您的位置：首页 > 其它

持续部署，并不简单！

2013-04-15 10:59 211 查看

在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组件位置决定的。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航