Не удалось переключить кнопку ui5

Question

new sap.m.Button("manualimage",{ 
       icon : 'resources/Green.JPG', 
       width : "40px", 
       height : "40px", 
       press :function(e) { 
        var myBtn = sap.ui.getCore().byId("manualimage"); 
        console.log(document.getElementById("manualimage").icon); 
        myBtn.setIcon(''); 
       } 
      }) 

Когда я нажимаю на кнопку, значок не меняется, любые предложения о том, что я могу делать неправильно здесь?

Answer 1

Ниже приведен код, который работает (в версии 1.1 UI5). Я нахожу только одну ошибку: вы должны использовать ToggleButton, чтобы сохранить состояние кнопки. Скажем, удалите изображение, если нажать или установить изображение назад при нажатии (т. Е. Не нажата).

код в XML:

<ToggleButton icon='./images/ICICI.png' text ='hey' pressed='false' press='handlePress' /> 

код в контроллере:

handlePress: function(evt) { 
     var oSource = evt.getSource() 
     var bPressed = oSource.getPressed(); 
     if(bPressed) { 
      oSource.setIcon(''); 
     } else { 
      oSource.setIcon('./images/ICICI.png'); 
     } 
    } 

Позвольте мне знать, если это работает для вас.

Answer 2

При использовании:

var myBtn = sap.ui.getCore().byId("manualimage"); 

ваш вар myBtn не определен, потому что с помощью sap.ui.getCore() идентификатор кнопки ожидает что-то вроде:

sap.ui.getCore().byId("__xmlview1--manualimage"); 

где __xmlview1-- является автогенерируется каркасом. Поэтому, пожалуйста, используйте этот код:

var myBtn = this.byId("manualimage");