如何使用智能控件和json模型数据创建sapui5应用程序

时间:2016-12-01 09:46:43

标签: sapui5 sap-fiori

我正在尝试使用Smart Control开发Sapui5应用程序。我尝试使用.json文件开发应用程序,但现在我必须使用在应用程序的controller.js文件中创建的json模型数据。在这种情况下,如何将此json模型数据与智能控件绑定。我正在分享我的代码,请告诉我如何实现这一目标。

在视图中:

<form:SimpleForm id="form1" minWidth="1024" maxContainerCols="2" editable="true" layout="ResponsiveGridLayout" labelSpanL="3" labelSpanM="3"
emptySpanL="4" emptySpanM="4" columnsL="1" columnsM="1" class="editableForm">
<form:content>
<smartField:SmartLabel labelFor="name"/>
<smartField:SmartField value="{name}" id="name"/>
</form:content>
</form:SimpleForm>

在metadata.xml中

<EntityType Name="Model">
<Key>
<PropertyRef Name="id" />
</Key>
<Property Name="id" Type="Edm.String" Nullable="false"
sap:updatable="false" MaxLength="20" sap:label="id">
</Property>
<Property Name="name" Type="Edm.String" Nullable="false"MaxLength="30" sap:label="name">
</Property>
</EntityType>

在控制器中:

var array = [{
                "name" : "Dinesh",
                "id" : "126522"
            }];
var model = new sap.ui.model.json.JSONModel();
model.setData({
tableSet: array
});
this.getView().setModel(model,"testModel");

对于这个server.js文件应该是require,并且我们将输入metadata.xml和json文件但是在这里我必须放置本地json模型路径所以我没有得到如何做那个所以我我没有共享server.js文件。

请建议我并解决我的问题。

此致 迪内希

1 个答案:

答案 0 :(得分:0)

发布的类似问题可能对您有所帮助: How to create a Smart Field control with ValueHelp field

关于智能控件的教程中也有一些信息。在SAPUI5 UI开发工具包中,智能控件教程的第一步讨论了smart fields

在SAPUI5 Explored中,您会找到有关sap.ui.comp.tutorial.smartControls的信息,特别是smart fieldsa code example以及sap.ui.comp.smartfield.SmartField的文档。

如果修改智能字段中的值,是否打算将新值写入.json文件?