Question

我正在使用SAPUI5中的自定义控件。目标是具有可点击细分的饼图。每当点击某个细分时，都应该触发一个事件，其中包含该点击的细分的绑定上下文（例如“ / testdata / 2”）。附加功能使用上下文来了解已单击的段（例如，在标签中显示其名称）。

由于getBindingContext函数始终需要模型名称（或未定义）来提取当前上下文，因此我必须在测试过程中对模型名称（“用法”）进行硬编码，以使其正常工作。但是稍后（当此控件被其他人使用时），该模型名称显然会与我在此处使用的名称不同。因此，如何在不知道绑定模型具有哪个名称的情况下获取当前的绑定上下文？

当前（相关）实现如下：

示例XML视图：

<demo:PieChart id="testchart" segments="{usage>/testdata}">
    <demo:Segment color="{usage>color}" size="{usage>size}"/>
</demo:PieChart>
<Label id="testlabel" text="{usage>name}"/>

测试数据（usage.json）：

{
    "testdata": [
        {
            "name": "test_name_1",
            "size": 123,
            "color": "rgb(100,140,100)"
        },
        ...
    ]
}

“细分”内部：

onclick: function(Event) {
    // Hard-coded modelname inside Control, this won't work later :/
    var context = this.getBindingContext("usage").getPath();
    this.getParent().fireSegmentClick({context: context});
}

“ PieChart”内部：

metadata: {
    ...
    aggregations: {
        segments: {
            type: "demo.Segment"
        }
    },
    defaultAggregation: "segments",
    events: {
        segmentClick: {
            enablePreventDefault: true
        }
    }
}

控制器中的示例附件：

onInit: function() {
    var chart = this.byId("testchart");
    var label = this.byId("testlabel");
    chart.attachSegmentClick(function(Event) {
        var context = Event.getParameter("context");
        // The user knows the modelname here (he bound it).
        // But how do I get that name inside the Control?
        label.bindObject({path: context, model: "usage"});
    });
}

我最好的尝试：在细分的onclick函数中，我可以调用

var model = this.getParent().getBinding("segments").getModel();

这给了我我想要的模型。但是由于model.toString（）或model.getName（）都无法获得我的名字，所以这没有用（因为getBindingContext（）不需要模型本身，而是它的名字...）

感谢您的帮助！

PS：一些（希望）有用的链接：

Binding Reference

getBindingContext Reference

细分

onclick: function(oEvent) {
  const parent = this.getParent();
  if (parent && parent.isA("demo.PieChart")) {
    parent.fireSegmentClick({
      segment: this, // deliver the clicked segment instead of some context(s)
    });
  }
},

PieChart

metadata: {
  //...
  aggregations: {
    segments: {
      type: "demo.Segment",
    },
  },
  defaultAggregation: "segments",
  events: {
    segmentClick: {
      enablePreventDefault: true,
      parameters: {
        segment: {
          type: "demo.Segment",
        },
      },
    },
  },
},

应用程序

onSegmentClick: function(event) {
  const segment = event.getParameter("segment");
  const boundContext = segment.getBindingContext(/*I know the model name*/);
  // ...
},

这可以实现控件与应用程序/模型之间的松散耦合。

SAPUI5-如何获取自定义控件已绑定到的模型的名称？

2 个答案:

细分

PieChart

应用程序