topic Re: Custum App & App Functions in Developer Q&A Forum

Custum App & App Functions

zaid-bashir — Wed, 25 Sep 2024 08:54:27 GMT

I am developing a Custum App and app function in dynatrace to retrieve data from an API, and I would like to visualize this data using DataTable/DataTableV2. However, I am encountering some issues in the process.

I appreciate your help by providing a solution or giving me example code for the same.

Re: Custum App & App Functions

StefanKern — Wed, 25 Sep 2024 12:03:04 GMT

Hello @zaid-bashir,

We have a step-by-step tutorial for API data fetching, putting the data into a DataTable component and more here in the Dynatrace Developer Portal.

For us to be able to help you with your exact problem, please share the related code and error messages.

All the best,

Stefan

Re: Custum App & App Functions

zaid-bashir — Thu, 26 Sep 2024 05:55:28 GMT

Hello @StefanKern
For Your Reference, Please Find The Code In An Image Below.

I Am Getting Some JSON Parsing Error and sometimes blank Page.
Can You Help Me By Providing Code Snippet Related To This Issue. For Your Information I Am Accessing AuditLogs.

Re: Custum App & App Functions

imsingh — Thu, 26 Sep 2024 13:57:15 GMT

It seems like you have syntax error in the code.

You should use the curly braces around `result.data` and `</DataTable/>` as following:

{result.data && ( <DataTable data={auditLogsData} columns={convertToColumns(auditLogsData)}> </DataTable/> )}

Re: Custum App & App Functions

PennyScully — Tue, 01 Oct 2024 06:48:26 GMT

Hi @zaid-bashir

Let us know if the above solution works for you, if so, please 'accept as solution'.

Thanks, PEnny

Re: Custum App & App Functions

zaid-bashir — Tue, 01 Oct 2024 10:18:38 GMT

Thanku For The Update.
But I am still facing issue.

If Possible Then You Can Forward Your Working Version (Audit Logs)
PFA AuditLogs JSX File and App Function File

Re: Custum App & App Functions

Maheedhar_T — Thu, 03 Oct 2024 09:47:38 GMT

Hi @zaid-bashir ,
Not Sure if you found a solution for this yet but can you just paste your error here?

Sometimes all you have to do is do JSON.stringify(data) in the code and then in the DataTable use JSON.parse(data). This ensures that all the JSON data is properly organised with proper formatting.

In your case all you have to do is change these two steps.
const auditLogsData = JSON.stringify(result);

Then in DataTable you change data={JSON.parse(auditLogsData)}

Re: Custum App & App Functions

zaid-bashir — Thu, 03 Oct 2024 11:55:26 GMT

Thanks @Maheedhar_T