Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
383
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Spry Framework Adobe’s Ajax framework JaxFusion, July 2006
  • 2. Spry
    • “ Framework for Designers”?
    • Easy to Use
    • Uses Google xpath library
    • Converts XML to JSON internally
    • Good examples and documentation
  • 3. Ajax recap
    • Ajax is Asynchronous Javascript and XML
    • Dynamically load data without a full page refresh
    • Both Get and Post methods supported
  • 4. Spry Requirements
    • Xhtml doctype
    • Spry xml namespace
    • xpath.js and SpryData.js includes
  • 5. Spry Syntax
    • Similar to Flex notation
    • {variablename}
    • <div spry:region=&quot;dsMyDataSet&quot;>
    • Attributes use @ at beginning
    • explicit reference dsMyDataSet::variable
    • repeat regions <tr spry:repeat=&quot; dsMyDataSet&quot;>
  • 6. Spry Syntax Continued
    • Sort <th scope=&quot;col&quot; onclick=&quot;ds.sort('@id');&quot;>
    • Conditional <div spry:choose=&quot;spry:choose&quot;> <div spry:when=&quot;'{@foo}' == ‘1.gif'&quot;>{@foo}</div>
    • <div spry:default=&quot;spry:default&quot;>
  • 7. DataSet Object
    • new Spry.Data.XMLDataSet(&quot;/xmlfile.xml&quot;, &quot;/xpath/path&quot;);
    • Distinct function: dsObj.distinct();
    • Filter function: dsObj.filterData(Func);
    • Current Row: .setCurrentRowNumber(5);
    • Sort Function: dsObj.sort(column);
    • dsObj.setURL(/xmlfile.xml);
    • dsObj.loadData()
  • 8. DataSet Object variables
    • ds_RowID
    • ds_RowNumber
    • ds_RowCount
    • ds_CurrentRowID
    • ds_CurrentRowNumber
    • ds_SortColumn
    • ds_SortOrder