Software Release 3.2.0 November 2006.

A guide to the visual tooling for TIBCO General Interface including:

Menu Commands

Toolbar Commands

Dialogs and Tools Field Descriptions

Prototype Components

Charting Components

 

Contains a list of tasks to complete for migrating General Interface version 3.1 applications to version 3.2

Video tutorials for 3.2 have not been posted yet. In the mean time view the version 3.1 video tutorials. Versions 3.1 and 3.2 are substantially similar except as noted in the 3.2 release notes and the 3.1 to 3.2 migration guide.

This sample application demonstrates three different means to split a single CDF document into 2 CDF documents in the GI cache, based on the value of an attribute in the original document.

1) JavaScript is used in conjunction with the GI APIs to traverse the source document in cache, create two new documents and copy records from the source document.

2) The Data Mapping Utility is used to retrieve the source CDF and a script mapping on the size element determines whether or not the record would be added to the result document. Note that two service calls are required.

3) A custom XSLT transformation is made to the original document after it is already in cache.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.net.Service, jsx3.net.Server, jsx3.xml.CDF, jsx3.xml.Entity, jsx3.xml.Document, jsx3.util.Collection, jsx3.xml.Processor, jsx3.app.Cache, repaint, subscribe, doCall, getCache, resolveURI, newDocument, getRootNode, selectNodes, cloneNode, appendChild, getItem, setParams, transform, clearById
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application demonstrates how to instantiate two GI application instances in a single HTML page, and communicate between them.

Each GI instance or server has its own name space. Furthermore, functions loaded by one instance are available to another instance. In this simple application, dragging rows of data from one portlet into another will render that data as a pie chart.

There are two projects included in this zip file, along with a launch page to demonstrate the behavior.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.chart.PieSeries, jsx3.chart.PieChart, jsx3.gui.list, jsx3.xml.CDF, tooltip, insertRecord, resetData, getDescendantOfName, getChildNodes, getParent, parseFloat, roundTo, getKey
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application expands on WSDL 2 sample to demonstrate the means to specify SOAP message inputs with code.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.net.Service, jsx3.app.Server, jsx3.gui.TextBox, jsx3.lang.Package, jsx3.gui.Matrix, jsx3.gui.Dialog, jsx3.gui.ToolBarButton, definePackage, alert, getJSXByName, getValue, setValue, getRequest, getStatus, doCall, subscribe, getBodyBlock, load, doClose, getCaptionBar, getParent, setText, getRecord, MESSAGENODE, ON_SUCCESS, ON_ERROR, ON_INVALID
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application demonstrates the two-step process for rendering repeating structures:
1) mapping repeating structures from WSDL to CDF; and 2) associating CDF documents and attributes with GUI components.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.net.Service, jsx3.app.Server, jsx3.gui.TextBox, jsx3.lang.Package, jsx3.gui.Matrix, definePackage, alert, getJSXByName, getValue, setValue, getRequest, getStatus, doCall, subscribe, MESSAGENODE, ON_SUCCESS, ON_ERROR
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application shows how to connect to a simple SOAP service for address validation, along with mapping
between the GUI and the request and response messages. Enter a zip code in the text box and click the button.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.net.Service, jsx3.net.Request, jsx3.app.Server, jsx3.gui.TextBox, jsx3.lang.Package, definePackage, alert, getValue, setValue, getRequest, getStatus, doCall, subscribe, MESSAGENODE, ON_SUCCESS, ON_ERROR, ON_INVALID
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This example demonstrates master-detail drill down in a List.

The CDF document (source_list.xml) data loaded into master list. 2x-click on a master list row opens the applicant details dialog. Many detail dialogs can be opened as cascade to compare the data.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.xml.Document, jsx3.gui.Matrix, getJSXByName, setXMLId, setXSLId, definePackage, getDocument
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application shows several different approaches to add and remove rows from the Model (CDF Document) and the View (jsx3.gui.Matrix).

Note that while the initial data came from prices.xml, subsequent changes to the model are accomplished on the relevant XML cache documents for each grid.

In the first example, enter data into the textboxes and click Add Row. Use the right-click context menu to remove a row. The code for the two functions is in logic.js. The context menu is referenced as a Bound Menu property of the grid, and its contents are specified in the XML String property of the menu.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.xml.CDF, jsx3.app.Server, jsx3.gui.Matrix, jsx3.gui.Menu, getJSXByName, getKey, getRecord, insertRecord, deleteRecord, setSortPath, repaint
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This example demonstrates the conversion of an arbitrary XML document into a GI CDF document in cache. This example also demonstrates spyglass behavior in a List.

The CDF is then rendered into a JSX3.gui.List control. Click the Transform button to perform the transformation and load the CDF data into the list, and the raw CDF into the dialog.

A spyglass action is triggered when the mouse is hovered over a row.

For deployment, use either the "onLoad" field in the project deployment or the "onAfterDeserialize" for the list. The same function that the button uses would be entered into the script field. To enter the function into the "onAferDeserialize", select the "list" from the Component Hierarchy and look to the bottom of the display area. You will see icons and if you select the one on the right, there is a type-in area for the function name to call after the list object has been loaded into the window. You can take the function that is connected to the button by selecting the button in the Component Hierarchy and opening the Events Editor and copying the function.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.Document, jsx3.gui.Matrix, getJSXByName, definePackage, getDocument, transformNode, load
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application demonstrates a number of ways to create and instantiate dialogs.
Note the componentized assembly of the overall sample from a set of components, each of which is instantiated as needed.
The process of loading components on demand will help to keep applications snappy for end users.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.app.Server, jsx3.gui.Block, jsx3.gui.Dialog, jsx3.gui.LayoutGrid, jsx3.gui.Matrix, jsx3.gui.Stack, jsx3.gui.StackGroup, jsx3.gui.ToolbarButton, jsx3.gui.WindowBar, String, clearWorkArea, getServer, launchInApp, launchSimple, openSelectedStocks, showAlertStack, showAppLayout, showConfirmAlert, showDialogAlert, showEscaping, showJSAlert, showModifiedDialogs, showMultiDialogs, showPromptAlert, showServerAlert, load, setName, getChild, alert, confirm, getBodyBlock, getJSXByName, prompt, setText, alert, doClose, focus, getRecordNode, getSelectedIds, definePackage, getAttribute
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application demonstrates
Drag and Drop from a tree.
Dynamically add a CDF Records to a tree.
Drag an item from the tree to the right-hand block and the text boxes will be updated to show additional information about the item.
Clicking the button will add a new Record to the CDF Model and update the View.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.app.Server, jsx3.gui.Tree, insertRecord, getJSXByName, setValue, getKey, ObjSOURCE, strDRAGID
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application provides two simple application canvases. Follow these examples to understand how to use
the Layout Grid components, and design applications that gently resize for different browsers and environments.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.gui.Block, jsx3.gui.Dialog, jsx3.gui.LayoutGrid, jsx3.gui.Menu, jsx3.gui.ToolbarButton, jsx3.gui.WindowBar
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.

This sample application demonstrates how to configure line charts, handle events for complex interactions within a chart, and use context menus with chart components.
__________________________________________________________
Classes, Methods, and Context Variables used:
jsx3.vector.Fill, jsx3.chart.LineChart, jsx3.chart.PieChart, jsx3.chart.PlotChart, jsx3.xml.Entity, jsx3.gui.Menu, getUTCDay, getJSXByName, getChart, repaint, getRecordNode, getAttribute, getContextParent, selectItem
__________________________________________________________
Notes:
To install, simply unzip the attached .zip file into the JSXAPPS/ folder of your GI 3.2 project depot and open the project from within GI Builder.