SAPUI5 - Основная информация - как управлять элементами пользовательского интерфейса в view.js?

Question

специалисты,

Это два очень простых связанных вопроса.

Я изучаю SAPUI5, и я не могу найти способ позиционирования элементов пользовательского интерфейса на экране. В моем файле 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, потому что передаю все эти объекты в одном массиве, и все они помещаются в общий div на index.html.

Как их разместить? Очень приветствуется ссылка на любой хороший учебник/примеры.

Также, как обновить элементы пользовательского интерфейса? Для меня, например, ситуацию, когда на кнопку печати я сделать вызов на сервер, получить ответ и поставить его в использовании что-то вроде:

response.placeAt('some-id'); 

Кнопка создается в view.js и вызова обрабатывается в контроллере.js. Ответ добавляется каждый раз, когда я нажимаю кнопку, и я понятия не имею, как заменить старый ответ новым.

Хорошая ссылка очень приветствуется.

Спасибо.

Answer 1

Есть много элементов управления макета SAPUI5 вы можете использовать: Grid, HorizontalLayout, VerticalLayout, MatrixLayout и др. Вы можете проверить примеры и посмотреть, как вам нужно планировать свои взгляды.

В настоящее время вы выполняете UI5 JS view, который реализует метод определения видов, это один из подходов. Другим распространенным подходом является использование представлений XML, он декларативный и более простой, также требуется меньше кода. См. Это simple example в JSBin определения представления XML и контроллера для обновления пользовательского интерфейса.

SAP UI5 все о модели (JSONModel/ODataModel) -View (JSView/XMLView) -Controller. Настоятельно рекомендуем прочитать этот MVC example, хотя он основан на мобильном устройстве SAP UI5, и контент также имеет отношение к рабочему столу SAP UI5.

Надеюсь, вы получите несколько советов.