博客园  :: 首页  :: 新随笔  :: 订阅 订阅  :: 管理

EXTJS的fieldlabel动态修改

Posted on 2014-06-22 11:34  失败从新来过  阅读(2190)  评论(0编辑  收藏  举报

本文已textfiel举例,说明:给这个textfield添加一个ID,为啦方便找到这个标签

{
					xtype : 'textfield',
					fieldLabel : '标题',
					width : 933,
                           allowBlank:false,
					value : titleData,
					colspan : 2,
					id:'titleRemort',
					labelWidth : 85,
					name : 'title',
					vtype : 'emptys',
					afterLabelTextTpl : '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>',
					allowBlank : false,
					maxLength : 512
				}

 

本文以一个按钮,手动修改fieldlabel(也可以通过监听事件来修改),说明:('label[id=titleRemort-labelEl]'):label:找到label标签,[id=titleRemort-labelEl]:代表查找哪个标签,一个form会有很多的label,通过这个条件可以精确找到自己想要的那个标签,titleRemort-labelEl:代表id+'-'+'labelEI' id是textfield的id,-labelEI是固定值.

这样就可以修改fieldlabel的值了

 

{
					xtype : 'button',
					text : '保存',
					iconCls : 'icon-table_save',
					handler : function(button) {
						Ext.DomQuery.selectNode('label[id=titleRemort-labelEl]').innerHTML = '问题产生原因及处理方法:';
						Ext.getCmp("titleRemort").clearInvalid(); //清空验证
						Ext.getCmp("titleRemort").allowBlank = true; //可以为空
						
					}
				};