VMware {code} Community
sujeetmkalaskar
Enthusiast
Enthusiast
Jump to solution

vSphere H5 Navigation

Hi _vladi_

I wanted to add the navigation from one view to other.

Example: Similar to Breadcrumb, where we can navigate to is parent node by clicking the link(href)

Home->Host->Controller->Logical

Logical is my current view, whenever I click on the Home link it should navigate to "vsphere.core.controlcenter.domainView".

Similarly for the Host "com.xxx.xxx.host" and "com.xxx.xxx.controller".

I tried using the below code, on click on "Home" link callHome() function is called

targetViewID is "vsphere.core.controlcenter.domainView"

what will be the object ID, when navigating to "vsphere.core.controlcenter.domainView"?

callHome(){

     const navConfig = new NavConfig("vsphere.core.controlcenter.domainView", "");

     this.gs.getClientSdk().app.navigateTo(navConfig);

}

I need some clarification of targetViewID and ObjectID.

targetViewID -> The view which we want to display?

ObjectID -> It should be the current page object ID or targetView's object ID?

Thanks,

Sujeet Kalaskar

0 Kudos
1 Solution

Accepted Solutions
Denis_Chorbadzh
VMware Employee
VMware Employee
Jump to solution

Hi Sujeet,

 

These are the possible navigation configuration parameters:

- targetViewId: ID of the destination view.

- objectId: - ID of any object associated with the view. (For a global view, this field is not required.)

- customData: - A custom data structure passed to the view which can be obtained from the view by using "htmlClientSdk.app.getNavigationData()".

 

For more information, please see the "Javascript-API.html" documentation found in the SDK deliverable.

 

Best Regards,

Denis

View solution in original post

2 Replies
Denis_Chorbadzh
VMware Employee
VMware Employee
Jump to solution

Hi Sujeet,

 

These are the possible navigation configuration parameters:

- targetViewId: ID of the destination view.

- objectId: - ID of any object associated with the view. (For a global view, this field is not required.)

- customData: - A custom data structure passed to the view which can be obtained from the view by using "htmlClientSdk.app.getNavigationData()".

 

For more information, please see the "Javascript-API.html" documentation found in the SDK deliverable.

 

Best Regards,

Denis

sujeetmkalaskar
Enthusiast
Enthusiast
Jump to solution

Hi Denis_Chorbadzhiyski​,

Thanks for the update Smiley Happy

Thanks,

Sujeet Kalaskar

0 Kudos