Использование фрагментов HTML с декларативными представлениями HTML
Я пытаюсь разложить большое представление HTML на более мелкие, более управляемые куски.
Можно ли использовать фрагменты для этого?
Например, у меня есть файл фрагмента (view.configurator.Summary.fragment.html), содержащий следующее:
<div data-sap-ui-type="sap.m.Button" data-text="Hello"></div>
В моем родительском файле я пытаюсь включить фрагмент следующим образом:
<div data-sap-ui-type="sap.m.VBox" class="summary-panel-content">
<div data-sap-ui-type="sap.ui.core.Fragment"
data-fragment-name="view.configurator.Summary"
data-type="HTML"></div>
</div>
Однако я получаю следующую ошибку в консоли:
Пожалуйста, укажите название фрагмента
Есть идеи?
Спасибо,
Сарган.
РЕДАКТИРОВАТЬ: Похоже, это ошибка, но вы можете обойти, обернув фрагмент в пользовательский элемент управления
sap.ui.core.Control.extend("sap.mic.controls.Fragment", {
metadata: {
properties: {
"name": "string"
}
},
init: function () {
},
renderer: function (renderManager, control) {
var fragmentName = control.getProperty("name"),
fragment = sap.ui.htmlfragment(fragmentName);
renderManager.renderControl(fragment);
}
});
И использовал вот так:
<div data-sap-ui-type="sap.m.Page" data-enable-scrolling="false">
<div data-sap-ui-type="sap.mic.controls.Fragment"
data-name="view.configurator.Summary"></div>
</div>