The Customer List widget is a sample Data Viewer
widget that is configured with a URL that points to a feed in the catalog.
The feed data includes customer names, addresses, zip codes, contact information,
ticker symbols, the URLs of company Web sites.
NOTE: To download PDFs of the original, IBM-authored widget help in
various languages, click here.
As you will see in the Lotus Mashups product documentation, the Customer
List widget is used in several examples and scenarios to demonstrate
how you can wire this widget to other widgets and create a real-world mashup
application.
Configuration tips
When configuring the Customer List widget, you
can limit the number of rows in the table to accommodate the amount of
data you want to display. You can also select a custom style for the table
by adding a title and setting font properties. For more sophisticated types
of content, you can configure the table to highlight or filter rows when
column values meet a specific criterion.
Events
See the following table to learn which events the Customer
List widget can send and receive:
| Send
| Receive
|
- feedURLChanged: event of
type string that sends
an Atom feed URL from the catalog, for example http://localhost:9080/mashuphub/client/plugin/generate/entryid/8/pluginid/3
- rowDataSelected: event of
type any that sends content
from one row in a table. For example, this event can send CSV-like data
in the following format:
Customer_Name,Address,Zip,Ticker,URL|
String,String,String,String,String|
American International Group,70 PINE ST New York NY,10270,AIG,http://www.aig.com
- rowJSonDataSelected: event
of type any that sends
content from one row in a table. For example, this event can send the following
JSON array data:
{"Customer_Name":
"American International Group", "Address": "70
PINE ST New York NY", "Zip": "10270", "Ticker":
"AIG", "URL": "http://www.aig.com"}
- rowDataStoreSelected: event
of type any that sends
content from one row in a table.
- rowXMLDataSelected: event
of type any that sends
content from one row in a table.
- cellDataSelected: event of
type any that sends content
from one cell in a table, for example:
Customer_Name|
String|
American International Group
- cellValueSelected: event
of type any that sends
content from one cell in a table, for example American
International Group.
- Customer_Name: event of type
string that sends data
from the Customer_Name column
- Address: event of type string
that sends data from the Address column
- Zip: event of type string
that sends data from the Zip column
- Contact: event of type string
that sends data from the Contact column
- Ticker: event of type string
that sends data from the Ticker column
- URL: event of type string
that sends data from the URL column
|
- JSONArray: event of type
any that receives data
in a JSON arroy format
- dataStore: event of type
any that receives and
displays data in a DOJO data store
- csvLikeData: event of type
string that receives and
displays data in CSV-like format, for example:
Customer_Name,Address,Zip,Ticker,URL|
String,String,String,String,String|
American International Group,70 PINE ST New York NY,10270,AIG,http://www.aig.com
- inventory: event of type
any that receives and
displays data from an Atom feed. The data from the feed displays, not the
feed URL.
- feedURL: event of type string
that receives and displays the URL of an Atom feed in the catalog, for
example http://localhost:9080/mashuphub/client/plugin/generate/entryid/8/pluginid/3
- dataSourceURL: event of type
string that receives and
displays the URL of a file that contains data in CSV-like format
|
Example scenario
Goal:
Display customer Web sites by clicking fields in the Customer List widget.
Steps required:
- Drag the Customer List and Web Site Displayer
widgets onto the page.
- Hover your cursor over the Customer List widget, and click
the wiring icon
 to
open the wiring interface. Do the following steps:
- Click the Send tab..
- In the Select content to send section, select string
from URL. .
- In the Select a widget to receive content section, select
Web Site Displayer..
- In the Select an action section, select displayHTML..
- Click Done.
- In the Customer List widget, click different customer
names display their Web sites in the Web Site Displayer widget..
|