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

问题描述 投票:2回答:2

我正在使用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: {
            allowPreventDefault: 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

Related first answer

javascript model sapui5 custom-controls binding-context
2个回答
0
投票

因此,如何在不知道绑定模型具有哪个名称的情况下获得当前的绑定上下文?

问题在于,一个控件(或ManagedObject)可以一次存储多个模型

,它们都具有不同的名称。因此,即使控件“知道”所有模型名称,也很难猜测应用程序想要哪一个可用的绑定上下文,因为可以有零个或多个。

技术上,正如krisho的答案所暗示的那样,这肯定是可能的。但是我认为,将绑定的上下文传播到应用程序不是控件的责任。如您所提到的,只有应用程序知道所有模型及其名称,因此知道它想要什么样的上下文。以下是我的建议:

控件

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: {
      allowPreventDefault: true,
      parameters: {
        segment: {
          type: "demo.Segment",
        },
      },
    },
  },
},

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

这使控件和应用程序/模型之间的松散耦合。

您可以尝试这个吗?

.getBindingInfo("segments").parts[0].model

0
投票

您可以尝试这个吗?

© www.soinside.com 2019 - 2024. All rights reserved.