Ext.form.Label组件动态设置html值

最新推荐文章于 2024-07-29 17:49:33 发布

转载最新推荐文章于 2024-07-29 17:49:33 发布 · 4k 阅读

ExtJs 专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用Ext.getCmp方法结合update函数动态修改Ext.form.Label组件的内容，并通过一个具体示例展示了如何根据输入值的变化更新Label的显示内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

想要动态修改Ext.form.Label中的值，可以用

Ext.getCmp(label的id值).getEl().update('想要修改成什么值');

注意 update() 中的参数可以是html语句

只有 Element才有update()方法

实例：

//内部订单号:
var IO = new Ext.form.TextField({
fieldLabel:lang.getText('IO')+'<span style="color:#FF0000">*</span>',
id:'IO',
name:'IO',
width:220,
hidden:false,
listeners:{
'blur':function(v){
var IO=v.getValue().toString().trim();
if(IO!=''){
Ext.Ajax.request({
method:'post',
url:Url,
params:{
method:'GetIOBudgetByIO',
IO:IO
},
success: function(response,form){
var json = Ext.decode(response.responseText);
if(json.success == 'true'){
Ext.getCmp('IOBudget').setValue(json.data);
Ext.getCmp('budgetInfo').getEl().update('<span id="budgetSpan" style="color:#FF0000;font-size:12px">'+String.format(lang.getText('BudgetOverrun'),json.data)+'</span>');
Ext.getCmp('budgetInfo').show();
}
else{
App.setAlert(lang.getText('Tip'),lang.getText('PleaseEnterValidIO'));
Ext.getCmp('IOBudget').setValue('0.00');
}
},
failure: function(){
//App.setAlert(lang.getText('Tip'),lang.getText('Deletefailedcontact'));
}
});
}
else{
//为空的情况下：
Ext.getCmp('IOBudget').setValue();
}
}
}
});