Redirect to Dashboard by embedding Dashboard URL inside LWC

I have a custom Dashboard and a custom LWC and an Account record Page as shown below.

https://i.stack.imgur.com/8JFeR.png

On Dashboard tab, I have embedded the custom LWC and inside which I have added Dashboard URL as an Iframe but it's not redirecting correctly to the dashboard when clicked on Dashboard tab.

Below is my LWC code

export default class DynamicDashboard extends NavigationMixin(LightningElement) {

  @track iframeURL;
  @track a_Record_URL;
        
  connectedCallback(){
    this.a_Record_URL = window.location.origin;
  }

  @wire(getRecord, {
    recordId: "$recordId",
    fields
  })
  loadFields({error, data}){
    if(data){                                
      this.iframeURL = 'this.a_Record_URL/desktopDashboards/dashboardApp.app?dashboardId=01Z4y000001O93MEAS&displayMode=view&networkId=000000000000000';
    }
  }
}

this.iframeURL is not populating correctly I believe due to which When I click on Dashboard tab on Account record page it says 'URL is invalid. Please try with correct URL'.

Please help me out on this. I have tried most of the possible alternatives but it's not working.

Please help me out team.

Thanking you in anticipation.

Redirect to Dashboard by embedding Dashboard URL inside LWC

Good Question 0Comment Collection Report

0 Answer

cuiguoxing2008 注册会员
2023-01-25 19:40

After formatting the code, it appears pretty obvious there is an issue with concatenation. Please try to always format correctly your code, this help avoid a lot of errors.

Concatenation between variable and static string can be achieve in several ways:

// Basic using + operator
this.URL = this.a_Record_URL + '/desktopDashboards/dashboardApp.app?dashboardId=01Z4y000001O93MEAS&displayMode=view&networkId=000000000000000';

// Using backtick
this.iframeURL = `${this.a_Record_URL}/desktopDashboards/dashboardApp.app?dashboardId=01Z4y000001O93MEAS&displayMode=view&networkId=000000000000000`;

// Using array
this.iframeURL = [
  this.a_Record_URL,
  '/desktopDashboards/dashboardApp.app?dashboardId=01Z4y000001O93MEAS&displayMode=view&networkId=000000000000000'
].join('')

Agree 0 0Comment

daitingting0123 注册会员
2023-01-25 19:39

Don't include the base domain if you want to show only dashboard in a custom component. check out this one.

HTML

URL}
height={height}
width={width}
id="ifram-1"
frameborder="0"
>

@track height = '870px';
@track iframeURL= '';
@track width = '100%';

 @wire(getRecord, {
    recordId: "$recordId",
    fields
})
loadFields({error, data}){
  if(data){                                
this.iframeURL = '/desktopDashboards/dashboardApp.app? 
dashboardId=01Z4y000001O93MEAS&displayMode=view&networkId=000000000000000';    
}

Agree 0 0Comment

Redirect to Dashboard by embedding Dashboard URL inside LWC

Redirect to Dashboard by embedding Dashboard URL inside LWC

0 Comment

0 Comment

0 Comment

About the Author

Question Info

Related Question

我必须插入一个标志在AutoCAD标题块使用c# ?

我的JButton不会显示如果有JTextArea

Travis-CI python3.6 Tox启动virtualenv错误

Flutter API Post Method Can not Send Data to SQL server localhost. Show Error "HTTP Error 400. The request hostname is invalid"

Power automated Flow -当Azure DevOps中的票据接近完成日期时发送一封电子邮件

Androidstudio编写的点餐软件获取不到用tomcat搭建的小型服务器中的图片

cocos creator QQ小游戏编译异常

有关JAVA web tomcat 相对路径问题

如何在Pytorch中创建一个超过0维的单元素张量?

Maven资源编译器:Failed to copy xx to yy: could 't copy xx to yy