Vista Maestra
<List id="list" items="{ path: '/BankTypeSet', sorter: { path: 'Stext', descending: false }, groupHeaderFactory: '.createGroupHeader' }" busyIndicatorDelay="{masterView>/delay}" noDataText="{masterView>/noDataText}" mode="{= ${device>/system/phone} ? 'None' : 'SingleSelectMaster'}" growing="true" growingScrollToLoad="true" updateFinished="onUpdateFinished" selectionChange="onSelectionChange">
<infoToolbar>
<Toolbar active="true" id="filterBar" visible="{masterView>/isFilterBarVisible}" press="onOpenViewSettings">
<Title id="filterBarLabel" text="{masterView>/filterBarLabel}"/>
</Toolbar> </infoToolbar>
<items>
<ObjectListItem type="{= ${device>/system/phone} ? 'Active' : 'Inactive'}" press="onSelectionChange" title="{Stext}"></ObjectListItem>
</items>
</List>
Vista Detallada
<List id="employeeList" items="{BankDataNav}">
<items>
<ObjectListItem title="Nombre del Banco: {Banka}" iconDensityAware="false" number="{Bankn}">
<attributes>
<ObjectAttribute title="{ path: 'Begda', type: 'sap.ui.model.type.Date', formatOptions: { style: 'medium', UTC: true } }" text="{ path: 'Endda', type: 'sap.ui.model.type.Date', formatOptions: { style: 'medium', UTC: true } }"/>
<ObjectAttribute text="Clave del Banco: {Bankl} "/>
<ObjectAttribute title="Clave de Control del Banco" text="{path: 'Bkont', formatter: '.conv2Text' }"/>
<ObjectAttribute title="Método de Pago" text="{path: 'Zlsch', formatter: '.conv2Text' }"/>
</attributes>
</ObjectListItem>
</items>
</List>
Vista de Edición
<f:SimpleForm id="SF_Id" maxContainerCols="2" layout="ResponsiveGridLayout" title="Editar: {Banka}" minWidth="1024" columnsL="1" columnsM="1" editable="true" emptySpanL="4" emptySpanM="4" labelSpanL="3" labelSpanM="3">
<f:content>
<Label text="Válido desde" required="true"/>
<DatePicker name="Begda" value="{ path: 'Begda', type: 'sap.ui.model.type.Date', formatOptions: { style: 'medium', UTC: true, maxLength:15}}" id="Begda_id" enabled="{= ${viewModel>/mode} === 'edit'? true: false}" visible="true"/>
<Label text="Número de clave del banco" required="true"/>
<Input name="Bankl" id="Bankl_id" valueLiveUpdate="true" liveChange="_validateSaveEnablement" enabled="{= ${viewModel>/mode} === 'edit'? true: false}" visible="true" value="{Bankl}"/>
<Label text="Cuenta bancaria" required="true"/>
<Input name="Bankn" id="Bankn_id" valueLiveUpdate="true" liveChange="_validateSaveEnablement" enabled="{= ${viewModel>/mode} === 'edit'? true: false}" visible="true" value="{Bankn}"/>
<Label text="Tipo de cuenta" required="true"/>
<RadioButtonGroup select="onSelectRadio" columns="2" id="RBG_Id">
<buttons>
<RadioButton id="RB1-1" text="Cuenta corriente"/>
<RadioButton id="RB1-2" text="Cuenta de ahorro"/>
</buttons>
</RadioButtonGroup>
</f:content>
</f:SimpleForm>
