SimpleForm的SAPUI5数据绑定

Question

我在一个简单的表单上绑定数据时遇到了问题。我正在使用模拟服务器，并已成功地将数据绑定到列表/表

我的清单。Json是这样的

"mock": {
    "dataSource": "mainService"
}

我的mockdata(UserDetailsSet.json)看起来像这样

[{
    "ID_PassNum": "cu001",
    "Title": "Mr",
    "Name": "Don",
    "Surname": "Ownery",
    "ResType": "SA",
    "Country": "South Africa"
}]

我的SimpleForm字段看起来像这样

<Label text="Name" />
<Input value="{mock>/UserDetailsSet/0/Name}" />
<Label text="Surname" />
<Input value="{mock>/UserDetailsSet/0/Surname}"/>

我错过了什么?

Answer 1

您似乎正在使用ODataModel。在ODataModels中，针对集合/聚合的绑定不像使用JSONModel那么容易。你不能使用collection/index/property语法访问/绑定属性。

ODataModels如何存储数据

如果你加载一个实体集像你的UserDetailSet的数据存储在你的ODataModel看起来有点像这样:

{
  UserDetailSet('00001'): { ... },
  UserDetailSet('00002'): { ... },
  UserDetailSet('00003'): { ... },
  UserDetailSet('00004'): { ... }
}

而'00001'等等是实体键。如果您在UserDetailSet上创建聚合绑定，ODataListBinding将处理将上述数据转换为每个项目的上下文。

ODataModel属性绑定

你的绑定应该是这样的:

<Label text="Name" />
<Input value="{mock>/UserDetailSet('00001')/Name}" />
<Label text="Surname" />
<Input value="{mock>/UserDetailSet('00001')/Surname}"/>

ODataModel的动态属性绑定

或者-更动态一点-像这样绑定(注意:绑定现在是相对的，没有前导/):

<SimpleForm id="MyForm">
  <Label text="Name" />
  <Input value="{mock>Name}" />
  <Label text="Surname" />
  <Input value="{mock>Surname}"/>
</SimpleForm>

并在SimpleForm本身上动态使用bindElement:

this.getView().byId("MyForm").bindElement({
  path: "/UserDetailSet('"+ sUserID +"')",
  model: "MyOdataModelID",
  // use OData parameters here if needed
  parameters: {
    "expand": "UserAdress"
  },
  // react on binding events here
  events: {
    change: function (oEv) { },
    dataRequested: function (oEv) { },
    dataReceived: function (oEv) {}
  }
});

BR克里斯。

Answer 2

应该是这样的

<Label text="Name" />
<Input value="{mock>Name}" />
<Label text="Surname" />
<Input value="{mock>Surname}"/>

如果模拟中只有一个对象。如果不工作，将控制器代码设置为视图