首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

怎么修改form组件textfield,combbox 的fieldLabel

2012-06-27 
如何修改form组件textfield,combbox 的fieldLabel在ExtJs中不能直接通过fieldLabelnew fieldLabel来修

如何修改form组件textfield,combbox 的fieldLabel

在ExtJs中不能直接通过fieldLabel='new fieldLabel'来修改Form中组件的fieldLabel.不过可以通过修改dom来完成对fieldLabel的修改。
下面我做了个简单的示例:

?


上在这个例子中,在firebug下html如下图.
怎么修改form组件textfield,combbox 的fieldLabel
说明:由上图可以看出代码中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

    

热点排行