dojo.E Runtime

> > >

dojo.E Runtime functionality allows declarative responses to user actions - originating either on the server (processRequest) or on the client (Macros) - to modify the HTML DOM or Dojo Widgets. The two building blocks of dojo.E Runtime are XModify and Macro.

XModify defines and implements a syntax for making changes to a DOM tree. Included in the XModify syntax is a set of modification instructions that can be specified through XML tags such as: replace-children, append, and set-attribute add-class. A complete reference for the modifications instructions can be found in the reference section
Macro provides a container for XModify code, so multiple XModify commands can be combined together into a single UI state transition. Macros can also include parameters so the same macro can be reused in different parts of an application.

XModify syntax

Declaration The XML tag name is Xmodify and the namespace for XModify is dojoe: Target Element

Every XModify command should have a "query" attribute that contains a valid CSS selector expression. You can find more information about the dojo.query by Clicking here to view the Dojo Documentation for dojo.query.

 
 <dojoe.Xmodify>
     <append query="div">
       Add me to all divs
    </append>
</dojoe.Xmodify>

Sample XModify Instruction Set

 
<dojoe.Xmodify>
    <set-attribute query="img[id='image1']">
        <attribute name="src" value="images/background.JPG"/>
    </set-attribute>
</dojoe.Xmodify>