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

Question

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

有没有办法让图标和整个 Panel 都可以点击？

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

Answer 1

您可以只添加一个代表。将 id "panel" 添加到您的面板并将其添加到您的控制器：

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

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

SAPUI5 make the whole row clickable for sap.m.Panel

javascript

html

sapui5