Update widgets with Mashup Ajax Client

Below are examples on how to:

This page discusses:

See Also
Create a widget
Implement how to display subwidgets
Troubleshooting

Let's consider the following page: 

<div class="container">
  <div class="wuid djH4dg djH4dg_0_page">
    <div class="wuid jkg934f jkg934f_0_cloudview">
    </div>

    <div class="wuid jkg934f jkg934f_1_cloudview">
    </div>
  </div>
</div>

The $('.container') parameter shown in the following code snippets, is the starting point for all DOM lookup by the client. For performance reasons, it should be as close as possible to the widgets that will be updated. If omitted, the whole body of the page will be used.

Update all subwidgets

The widget container has the wuid jkg934f 

var client = new MashupAjaxClient($('.container'));
client.addWidget('jkg934f');
client.update();

Update the top widget

Here the widget at the top of the widget container has the wuid djH4dg 

var client = new MashupAjaxClient($('.container'));
client.addWidget('djH4dg');
client.update();

Update a specific subwidget with extra parameters

Here the subwidget has the wuid jkg934f_1_cloudview 

var client = new MashupAjaxClient($('.container'));
client.addWidget('jkg934f_1_cloudview');
client.addParameter('paramName', 'paramValue');
client.addParameters('paramName2', ['value1', 'value2']);
client.update();

Update a specific subwidget every 5 seconds 

var client = new MashupAjaxClient($('.container'));
client.addWidget('jkg934f_1_cloudview');
client.updateInterval(5000);