When you download the vSphere Web Client SDK, you can find the HTML sample plug-ins in the SDK\vsphere-client-sdk\html-client-sdk\samples directory.

HTML Sample Plug-Ins

Name

Description

ChassisA Client

The ChassisA Client sample demonstrates how you can use extension templates to create a standard vSphere object workspace for custom objects.

The sample code is provided within the chassisA-html and chassisA-service folders.

The chassisA-html folder contains the UI extensions that add Chassis objects to the vSphere inventory. The sample uses a custom jQuery UI CSS which is similar to the theme of the vSphere Web Client. The sample also demonstrates the usage of internationalization for different locales.

The chassisA-service folder contains the implementation of the DataProviderAdapter that handles all UI requests about the samples:ChassisA object type.

The ChassisA Client sample extends the following extension points:

vise.navigator.nodespecs

${namespace}.gettingStartedViews

${namespace}.summaryViews

${namespace}.monitorViews

${namespace}.manageViews

${namespace}.list.columns

vise.actions.sets

vsphere.core.menus.solutionMenus

vsphere.core.objectTypes

vmware.prioritization.listActions

vise.inventory.representationspecs

vsphere.core.host.summarySectionViews

The sample uses the following extension templates:

vsphere.core.inventorylist.objectCollectionTemplate

vsphere.core.inventory.objectViewTemplate

ChassisB Client

The ChassisB Client sample demonstrates how you can use extension templates to add custom Rack objects, relations between Chassis and Rack objects, and also between Chassis and vSphere hosts.

The sample code is provided within the chassisB-html and chassisB-service folders.

The chassisB-html folder contains the UI extensions that add the Chassis and Rack objects to the vSphere inventory. The sample uses a custom jQuery UI CSS which you can modify if you want.

The chassisB-service folder contains the implementation of the DataProviderAdapter interface to define the ChassisRackVSphereDataAdapter to the Data Service. The data adapter handles all UI requests about the HostSystem,samples:Rack, and samples:ChassisB object types. The mvc folder contains controllers that handle the HTML requests and dispatch actions and queries.

The ChassisB Client sample extends the following extension points:

vise.navigator.nodespecs

${namespace}.summaryViews

${namespace}.monitorViews

${namespace}.manageViews

${namespace}.list.columns

vise.relateditems.specs

vise.actions.sets

vsphere.core.objectTypes

vmware.prioritization.listActions

vmware.prioritization.actions

vise.inventory.representationspecs

vsphere.core.menus.solutionMenus

The sample uses the following extension templates:

vsphere.core.inventory.objectViewTemplate

vsphere.core.inventorylist.objectCollectionTemplate

Global View

The Global View sample demonstrates how to add global views to the vSphere Client and how to make Java service calls. The sample also shows how you can store data in a local file and how to use the vCenter Server Selector functionality.

The sample code is provided within the globalview-html and the globalview-html-service folders.

The globalview-html folder contains the global views extensions created by using the jQuery JavaScript library.

The globalview-html-service folder contains the GlobalService and EchoService interfaces and their implementations. The sample shows how you can expose OSGi services and make them available to other bundles on the Virgo server.

The Global View sample extends the following extension points:

vise.global.views

vise.home.shortcuts

vise.navigator.nodespecs

vSphere WSSDK

The vSphere WSSDK sample demonstrates how to use the vSphere Web Services SDK to access the vSphere management objects which may not be accessible through the Data Service. The sample shows how to create hybrid plug-ins that use the HTML views to open specific Flex views in the vSphere Web Client.

The sample code id provided within the vsphere-wssdk-html and vsphere-wssdk-service folders.

The vsphere-wssdk-html folder contains the HTML and Flex Summary portlets and Monitor views extensions for both virtual machines and hosts. The Monitor view of the host also demonstrates how to display data from different objects in the same view .

The vsphere-wssdk-service folder contains the DataProviderImpl property provider adapter that uses the vSphere Web Services SDK to access data from the vCenter Server system. The sample also demonstrates how to handle multiple properties and build complex queries.

The vSphere WSSDK sample extends the following extension points:

vsphere.core.${objectType}.monitorViews

vsphere.core.${objectType}.monitorViews.html

vsphere.core.${objectType}.summarySectionViews

vsphere.core.${objectType}.summarySectionViews.html

vsphere.core.menus.solutionMenus

vise.actions.sets