Unofficial JDA (Javascript Dataflow Architecture) Wiki

BulletList

This is also a very nice example of small blueprint with a well-defined domain. It is and endpoint blueprint, meaning it has no output terminals.

Sample Declaration

<div id="bulletlist"      
     impl="~017F54FD5052D4410dB7A34CB8A523E375"
     script="http://localhost/BulletList.js">
 <ul>
 </ul>
</div>

Input Terminals

  • list:
    • accepted message types:
      • 1) an Array of text items.
      • 2) A single text string
      • 3) An array of objects.
      • 4) A single object

Output Terminals

  • none

Properties

  • none

Demos that use it

  • yahoosearch.html

How does it work?

Upon initiation, it finds the DOM node where it was defined and checks if it already wraps a UL element, which is created otherwise.

If the input message is a single text string or an array of text strings, a LI element will be created for each item,

If objects are passed (either singly or in an array) they can be represented as a string or they may have attributes such as 


"uri", "name", "description", and "text_content" ( i.e. {"uri" : http://www.maya.com/, "name" : "Item Name", "text_content" : Extra text content", "description":"Description"} )

This is a very typical object structure used by many of the sample infotrons included in the standard distro.

If the object has just a name, the name will be rendered as an item of the bulleted list, if it also has a uri, then the name will be hyperlinked to it. If there is the textcontent attribute, then a ":" will be appended to the list item followed by the string stored in "textcontent". If the "text_content" is missing, it will use what is i in"description" instead. ( i.e. 

Item Name: Extra text content
)

No comments yet. post a comment >
View Page History
Print this page