我在容器中有两个标签。当我点击某个按钮时,我想更改标签值。我试过很多方法。但它并没有改变。
这是我的观看代码:
Ext.define('MortgageCalculator.view.CalculateScreen', {
extend : 'Ext.Panel',
config : {
scrollable : true,
items : [{
xtype : 'titlebar',
docked : 'top',
ui : 'green',
title : 'MORTGAGE CALCULATOR'
}, {
xtype : 'container',
layout : {
type : 'vbox'
},
items : [{
xtype : 'button',
name : 'submitbtn',
text : 'Calculate Monthly',
ui : 'confirm',
width: 200,
height : 40,
margin : 'auto'
}, {
xtype : 'container',
id:'capandintsum',
layout : {
type : 'hbox'
},
items : [{
xtype : 'label',
layout : 'fit',
html : 'Capital & Interest',
flex : 1,
margin : '60 0 0 20'
}, {
xtype : 'label',
layout : 'fit',
name:'cap&int',
id : 'cap&int',
html : '0',
flex : 1,
margin : '60 0 0 20'
}]
},
{
xtype : 'container',
layout : {
type : 'hbox'
},
items : [{
xtype : 'label',
layout : 'fit',
html : 'Interest Only',
flex : 1,
margin : '20 0 0 20'
}, {
xtype : 'label',
layout : 'fit',
name:'intonly',
id : 'intonly',
html : '0',
flex : 1,
margin : '20 0 0 20'
}]
}]
}
});
对于控制器我使用以下代码:
Ext.define('MortgageCalculator.controller.Calculate', {
extend : 'Ext.app.Controller',
config : {
refs : {
submitbtn : 'button[name=submitbtn]',
capandintlbl : '#intonly'
// capandintlbl : '#cap&int',
// onlyintlbl : '#intonly'
},
control : {
submitbtn : {
tap : 'onSubmitButtonTap'
},
}
},
onSubmitButtonTap : function(button, e, options) {
this.getCapandintlbl.setHtml('hello, it is changed'); }
})
请帮助..
答案 0 :(得分:1)
答案 1 :(得分:1)
最后我能够这样做:
var me = this;
var labelfield = me.getCapandintlbl();
labelfield.setHtml('it is changing');
谢谢Rachel ..