[ DWR Website | Web Application Index ]

DWR and TIBCO General Interface

This is a simple demonstration of integrating a GI user interface with Reverse Ajax. Data from DWR is published into GI with DWR's GI integration.

The stock data above is static for a dynamic version see the Reverse Ajax example.

The HTML includes a div which loads a GI component

<div style="width:100%; height:220px;">
  <script
      type="text/javascript"
      src="JSX/js/JSX30.js"
      jsxapppath="JSXAPPS/gidemo" jsxlt="true"> </script>
</div>

This causes GI to render the Matrix component from config.xml and the component declaration: appCanvas.xml. So far this is identical to the Reverse Ajax / OpenAjax Hub example.

Once these are loaded, the init function is called by GI:

function giLoaded() {
  Corporations.getCorporations(function(corporations) {
    var cdf = dwr.gi.toCdfDocument(countries);
    giApp.getCache().setDocument("corporations", corporations);
    giApp.getJSXByName('matrix').repaint();
  });
}

This uses a Java method remoted by DWR - Countries.getCountries() and a DWR/GI utility method dwr.gi.toCdfDocument() to convert Javascript data into a GI CDF Document. We then insert this data into the data cache, and tell the matrix component to repaint itself.