关于ExtJS控件的fieldLabel配置项的小知识点

最新推荐文章于 2021-06-15 22:28:09 发布

秋风瑟瑟

最新推荐文章于 2021-06-15 22:28:09 发布

阅读量2w

点赞数

分类专栏： ViewLayer 文章标签： extjs firefox input html 工作 function

本文链接：https://blog.csdn.net/limingzhong198/article/details/7581021

版权

本文介绍了ExtJS中fieldLabel配置项的动态赋值和改变方法。在面板中，当CheckBox状态变化时，如何使TextField的fieldLabel随之变化。由于ExtJS没有直接提供修改fieldLabel的方法，作者通过解析控件在Firefox中的HTML结构，找到<label>与<input>的关系，并通过innerHTML属性实现动态修改。同时指出，不同控件的解析层级不同，需要根据实际结构进行操作，并强调确保控件已被渲染到窗口中。

摘要由CSDN通过智能技术生成

1、fieldLabel配置项的运算性：

我们都知道，fieldLabel配置项一般都是接收文字性的字符串，很少有用运算模式来赋值的情况，即如下情况：

	var Fee = new Ext.form.ComboBox({
		fieldLabel:(Ext.getCmp('Test').getValue()==true?'FieldLabel':'<font color=red>FieldLabel</font>'),
		id:'Fee',
		name:'Fee'
	});

那么，这种赋值方式在何种情况下将使用到呢？

我们来看如下的需求：

现在有一个ExtJS所写的面板，在面板中需要有一个CheckBox和一个TextField控件，并且需要TextField的fieldLabel配置项的内容随CheckBox被点击时的值变化而变化，那么在初次渲染的时候，我们就可以根据需求做这样的一个赋值方式，当然也还会有其他的赋值方式，欢迎指点。当然CheckBox被点击的函数是另外一回事情，即接下来的第二个小点。

2、如何改变fieldLabel的值？

在平常的工作中，很少会遇到改变控件的fieldLabel值的情况，除非是要求那种需要动态变化的需求。

那么，当真的遇到那种情况，该怎么做呢？有没有一个好的方式？

我们都知道，在ExtJS的整个框架中，都没有提供一个可以修改fieldLa