Sample Code:
Apex Class:
public with sharing class ExistingFilesController {
@AuraEnabled( cacheable = true )
public static List < ContentDocument > fetchContentDocuments( String strRecordId ) {
List < ContentDocument > listContentDocs = new List < ContentDocument >();
for ( ContentDocumentLink objCDL : [ SELECT Id, ContentDocument.Title, ContentDocumentId, LinkedEntityId FROM ContentDocumentLink WHERE LinkedEntityId =: strRecordId ] ) {
listContentDocs.add( new ContentDocument( Id = objCDL.ContentDocumentId, Title = objCDL.ContentDocument.Title ) );
}
return listContentDocs;
}
}Lightning Web Component:
HTML:
<template>
<template if:true={recordsPresent}>
<lightning-card>
<lightning-datatable
key-field="Id"
data={listContentDocs}
columns={columns}
hide-checkbox-column="true"
show-row-number-column="true"
onrowaction={handleRowAction}>
</lightning-datatable>
</lightning-card>
</template>
</template>JavaScript:
import { api, LightningElement, wire } from 'lwc';
import fetchContentDocuments from '@salesforce/apex/ExistingFilesController.fetchContentDocuments';
import { NavigationMixin } from 'lightning/navigation';
const actions = [
{ label: 'View', name: 'view' }
];
export default class ExistingFiles extends NavigationMixin( LightningElement ) {
@api
recordId;
columns = [
{ label: 'Id', fieldName: 'Id' },
{ label: 'Title', fieldName: 'Title' },
{
type: 'action',
typeAttributes: { rowActions: actions },
}
];
recordsPresent = false;
@wire( fetchContentDocuments, { strRecordId: '$recordId' } )
wiredRecs( { error, data } ) {
if ( data ) {
console.log( 'Records are ' + JSON.stringify( data ) );
this.listContentDocs = data;
this.recordsPresent = true;
} else if ( error ) {
console.log( 'Error ' + JSON.stringify( error ) );
}
}
handleRowAction( event ) {
console.log( 'Inside Handle Row Action' );
const row = event.detail.row;
this[ NavigationMixin.Navigate ]( {
type: 'standard__recordPage',
attributes: {
recordId: row.Id,
actionName: 'view'
}
} );
}
}JS-meta.xml:
<?xml version="1.0" encoding="UTF-8"?>
<LightningComponentBundle xmlns="http://soap.sforce.com/2006/04/metadata">
<apiVersion>52.0</apiVersion>
<isExposed>true</isExposed>
<targets>
<target>lightningCommunity__Page</target>
<target>lightningCommunity__Default</target>
</targets>
<targetConfigs>
<targetConfig targets="lightningCommunity__Default">
<property
name="recordId" type="String"
label="Record Id" />
</targetConfig>
</targetConfigs>
</LightningComponentBundle>Experience Builder Configuration:
Output:
