SAPUI5 - 基本信息 - 如何在view.js中管理UI元素?

时间:2014-09-14 16:50:34

标签: sapui5

专家

这是两个非常基本的相关问题。

我正在学习SAPUI5,我找不到将UI元素放在屏幕上的方法。 在我的view.js文件中,我创建了一个按钮,一个日期选择器和一个文本字段。 如果我这样做:

aControls=[];
<Define the button - oButton>
aControls.push(oButton);
<Define the datepicker - oDatePicker>
aControls.push(oDatePicker);
<Define the text field - oText>
aControls.push(oText);
return aControls;

然后我将所有三个元素一个接一个地排成一行。 我不能使用css,因为我将所有这些对象传递到一个数组中,所有这些对象都放在index.html上的公共div中。

我如何定位这些?任何好的教程/示例的链接都非常受欢迎。

另外,如何刷新UI元素? 例如,我有情况,当按下按钮时,我打电话给服务器,获得响应并将其放入使用类似的东西:

response.placeAt('some-id');

按钮在view.js中创建,调用在controller.js中处理。 每次按下按钮都会添加响应,我不知道如何用新的响应替换旧响应。

非常欢迎一个好的链接。

感谢。

1 个答案:

答案 0 :(得分:1)

您可以使用许多SAPUI5的布局控件:GridHorizontalLayoutVerticalLayoutMatrixLayout等。您可以查看示例,了解如何布置视图。

您目前正在使用UI5 JS view实现createContent方法来定义视图,这是一种方法。另一种常见的方法是使用XML视图,它是声明性的,更简单,也需要更少的代码。请参阅JSBin中的simple example定义XML视图和控制器以刷新UI。

SAP UI5是关于模型( JSONModel / ODataModel ) - 视图( JSView / XMLView ) - 控制器。强烈建议您阅读此MVC example,虽然它基于SAP UI5移动版,但内容也与SAP UI5桌面相关。

希望你会得到一些提示。