javascript - SAPUI5使sap.m.Panel整行可点击

Question

这个问题已经有答案了:

sap.m.Panel: make entire header clickable (2 个回答)

已关闭 6 个月前。

在 XML View 中，我有一个可扩展的 Panel 。在这里，我只能通过单击箭头图标来展开面板。

有没有办法让图标和整体Panel可点击？

这是一个简单的 Panel 的片段: http://jsbin.com/wamutodubu/1/

Answer 1

您只需添加一个委托(delegate)即可。将 id“panel”添加到您的面板并将其添加到您的 Controller :

onInit: function() {
  var panel = this.byId("panel");
  panel.addDelegate({
    onclick: function(oEvent) {
      if (oEvent.target === panel.$().find(".sapMPanelHdr").get(0)) {
        panel.setExpanded(!panel.getExpanded());
      }

    }
});

我更改了你的 JSBin:http://jsbin.com/qetaxexoli/1/edit?html,js,output