Skip to Main Content

Visual Builder

Announcement

For appeals, questions and feedback about Oracle Forums, please email oracle-forums-moderators_us@oracle.com. Technical questions should be asked in the appropriate category. Thank you!

Advanced Layout for Single (Select) with ADP

MFM TechNov 11 2024

Hi,

Can we use advanced layout for Select (Single) with using ADP. As described in below example its used with SDP

https://blogs.oracle.com/vbcs/post/advanced-layouts-in-single-select-components

Additionally this post is little bit older may that is causing issue. Now Oracle Jet is provide below sample code for .html and .js

<template slot="collectionTemplate" data-oj-as="collection">
<oj-table
id="table1"
aria-label="select results"
accessibility.row-header="[[['first', 'last']]]" ----This line is new
horizontal-grid-visible="disabled"
vertical-grid-visible="disabled"
selection-mode='{"row": "single"}'
columns-default='{"resizable": "disabled",
"sortable": "disabled"}'
columns="[[tableColumns]]"
class="oj-select-results"
data="[[collection.data]]"
selected.row="[[collection.selected]]"
current-row="{{collection.currentRow}}"
on-oj-row-action="[[collection.handleRowAction]]">
<template slot="cellTemplate" data-oj-as="cell">
<oj-highlight-text
text="[[String(cell.data)]]"
match-text="[[collection.searchText]]"></oj-highlight-text>
</template>

and for columns

this.tableColumns = [
{ headerText: 'First Name', field: 'FIRST_NAME', template: 'cellTemplate', id: 'first' },
{ headerText: 'Last Name', field: 'LAST_NAME', template: 'cellTemplate', id: 'last' },
{
headerText: 'Department',
field: 'DEPARTMENT_ID',
template: 'cellTemplate',
id: 'depId'
},
{ headerText: 'Salary', field: 'SALARY', template: 'cellTemplate', id: 'salary' }
];

This post has been answered by Shay Shmeltzer-Oracle on Nov 11 2024
Jump to Answer
Comments
Post Details
Added on Nov 11 2024
2 comments
390 views