Archive for February 14, 2009

Where are the manuals?

If you are using or evaluation WebClient i+ for CA Plex, you may want to peruse the manuals.

There are several ways to get your hands on the documentation:

  • Go to webclientiplus.com, log in, and download PDF’s from the documentation section
  • Go to the technical wiki, all the manuals are also available here
  • Check for the manual in the product downloads section (must login)

We have enhanced the documentation on the lastest release. The user manual contains information on how to install and develop applications with the product. It also contains a section defining the template language that comes with the product. There is also a document describing how CA Plex user interface control support is implemented in WebClient. Reading the manual is a great way to get to know the product.

Here is the table of contents:

Custom template example, changing grid columns to links

Here is an example of creating a custom template in WebClient.

WebClient Ajax grids use a standard Plex model where the user highlights the row to operate on, and then presses a button to drill into other functions. What if you want to use a link model to accomplish the same thing?

Here is an example of a custom grid template that will give you that classic HTML table look with an embedded link in the table:

 

/(!CSSInit)
 table th {
  background-color: #eeeecc;
  border-bottom: 1px solid blue;
 }
/(!CSSInit)

 

<table style=”/(!DefaultCSS:nc:withPos=/(!Param:default))”>
   <tr>
     /(!AttachPoint:name=ColumnsArea:inlinetemplate)
       <th>
         /(!Text)
       </th>
     /(!AttachPoint)
    
     <th>&nbsp;</th>
   </tr>

 

  /(!This)
    <tr>
      /(!AttachPoint:name=CellsArea:inlinetemplate)
        <td>
          /(!Template)
        </td>
      /(!AttachPoint)
     
      <td>
        <a href=”#” onclick=”
         dojo.xhrGet({
    form: mainform,
    content: { _type: ‘json’, /(!NameID): /(ROWNUM), ctlact: ‘Changebutton:Pressed’, pnlid: pnlid },
    load: function(data, ioArgs) {
     data.main(data);
    },
    preventCache: true,
    handleAs: ‘json’ 
   });
  “>Edit Details</a>
   </td>
    </tr>
  /(!This)
</table>

 

If you save this template as TableGrid.ctrl, place it on the classpath, then you can reference by setting the control name of the grid as follows:

 

Grid1P:MainArea:template=TableGrid:default

 

The “Edit Details” grid link will send the Pressed physical event to the button named Changebutton.

 
 
© 2013 CM First Group - All rights reserved