How to create Related Objects View in vSphere Webclient 5.1?

I am currently working on adding Related objects for each item in list view. What i intend to do is below.

     !https://communities.vmware.com/servlet/JiveServlet/downloadImage/2-2391560-39873/450-249/relatedObjects.jpg|height=249|style=margin: 12px; padding: 0px; border-style: none; outline: 0px; font-weight: inherit; font-style: inherit; font-variant: inherit; vertical-align: middle !important;|alt=relatedObjects.jpg|width=450|class=jive-image jive-image-thumbnail jiveImage|src=https://communities.vmware.com/servlet/JiveServlet/downloadImage/2-2391560-39873/450-249/relatedObjects.jpg!

For each of the Compute Chassis in the list, have a related objects tab that contains the list of Psu for each chassis in the grid form. I am not able to understand how to do it? This is what i have so far

   <templateInstance id="vsphere.core.psu.viewTemplateInstance">

      <templateId>vsphere.core.inventory.objectViewTemplate</templateId>

      <variable name="namespace" value="vsphere.core.psu"/>

      <variable name="objectType" value="Psu"/>

   </templateInstance>

  <!-- Compute Chassis -->

   <templateInstance id="vsphere.core.computechassis.viewTemplateInstance">

      <templateId>vsphere.core.inventory.objectViewTemplate</templateId>

      <variable name="namespace" value="vsphere.core.computechassis"/>

      <variable name="objectType" value="ComputeChassis"/>

   </templateInstance>

<extension id="com.vcp.vs.navigator.computeCategory">

      <extendedPoint>vise.navigator.nodespecs</extendedPoint>

      <object>

         <title>#{navigation.category.compute}</title>

         <parentUid>com.vcp.vs.navigator</parentUid>

      </object>s

   </extension>

   <templateInstance id="com.vcp.vs.lists.allComputeChassis">

      <templateId>vsphere.core.inventorylist.objectCollectionTemplate</templateId>

      <variable name="namespace" value="vsphere.core.computechassisCollection"/>

      <variable name="icon" value="#{icon.16.computechassis}"/>

      <variable name="title" value="Compute Chassis"/>

      <variable name="objectType" value="ComputeChassis"/>

      <variable name="listViewId" value="vsphere.core.computechassis.list"/>

      <variable name="parentUid" value="com.vcp.vs.navigator.computeCategory"/>

   </templateInstance>

  <extension id="com.vcp.vs.relateditems.specs.computechassis">

  <extendedPoint>vise.relateditems.specs</extendedPoint>

  <object>

  <type>ComputeChassis</type>

  <relationsViewId>com.vmware.samples.chassis.related</relationsViewId>

  <relationSpecs>

  <com.vmware.ui.relateditems.model.RelationSpec>

  <id>psus</id>

  <icon>#{icon.16.psus}</icon>

       &lt;label&gt;#&lt;/label&gt;

  <relation>psus</relation>

  <targetType>Psus</targetType>

  <listViewId>vsphere.core.psus.list</listViewId>

  </com.vmware.ui.relateditems.model.RelationSpec>

  </relationSpecs>

  </object>

</extension>

I am not able to view the Psu related object for Chassis on right side. Moreover I am not sure how to create datagrid that list the psu. Please advise.