[ 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.

- Demo
- How it works

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.