General Interface is an open source project hosted by the Dojo Foundation

Appendix A System Resolvers

System resolvers help simplify authoring HTML templates by obviating the need to declare local variables. The following table describes the system resolvers, the instance property to which they map, and relevant triggers.

System Resolvers
Name Type Description Trigger
$id attribute Renders the jsxid field as id="{$id}". Always applied to the root node in the template regardless of developer choice. This ensures that the model and view are always synchronized.  
$label attribute Renders the jsxname field as label="{$label}" jsxname
$position box Renders the jsxrelativeposition field as position:{$position}; jsxrelativeposition
$left box Renders the jsxleft field as left:{$left}; when the position is absolute and when specified jsxleft
$top box Renders the jsxtop field as top:{$top} ; when the position is absolute and when specified jsxtop
$width box Renders the jsxwidth field as width:{$width} jsxwidth
$height box Renders the jsxheight field as height:{$height} jsxheight
$zindex css Renders the jsxzindex field as z-index:{$zindex} jsxzindex
$color css Renders the jsxcolor field as color:{$color} jsxcolor
$fontname css Renders the jsxfontname field as font-family:{$fontname} jsxfontname
$fontsize css Renders the jsxfontsize field as font-size:{$fontsize} jsxfontsize
$fontweight css Renders the jsxfontweight field as font-weight:{$fontweight} jsxfontweight
$display css Renders the jsxdisplay field as display:{$display} jsxdisplay
$visibility css Renders the jsxvisibility field as visibility:{$visibility} jsxvisibility
$style-group box Renders the value of the jsxstyleoverride field at the end of the existing style declaration. This provides a mechanism for injecting multiple styles into a single tag. jsxstyleoverride
$classname attribute Renders the jsxclassname field as class="{$classname}". If the given class has a static field named DEFAULTCLASSNAME, the value of this field will be appended, meaning a class like jsx3.gui. Block that implements a jsxclassname property with the value, "customstyle", would render as class="jsx30block customstyle" jsxclassname
$bgcolor css Renders the value of the jsxbgcolor field as background-color:{$bgcolor}; jsxbgcolor
$bg css Renders the value of the jsxbg field as background:{$bg}; jsxbgcolor jsxbg
$padding box Renders the value of the jsxpadding field as padding:{$padding}; jsxpadding
$margin box Renders the value of the jsxmargin field as margin:{$margin}; jsxmargin
$border box Renders the value of the jsxborder field as border:{$border}; jsxborder
$textalign css Renders the value of the jsxtextalign field as text-align:{$textalign}; jsxtextalign
$overflow css Renders the value of the jsxoverflow field as overflow:{$overflow}; jsxoverflow
$attribute-group box Similar to $style-group, this resolver allows a list of attributes to be injected into a given tag. This is a special type of resolver that must be declared as a child of the target HTML node, since it affects the attribute list for the node. For example,
<div value="12"
    style="color:red;">
  <attribute-group>
    {$attribute-group}
  </attribute-group>
</div>

Any attribute on a General Interface object, using the API, setAttribute will be reflected by this resolver.

 
$tagname box Allows the HTML tag name to be updated. This is a special type of resolver that must be declared as a child of the target HTML node, since it affects the tag name of the given node. For example,
<span style="color:red;">
  <tagname>
    {$tagname}
  </tagname>
</span>

jsxtagname
$text box Renders the value of the jsxtext field as a text node child of the given HTML node. This is a special type of resolver that must be contained by a <text/> node. For example,
<span style="color:red;">
  <text>{$text}</text>
</span>

jsxtext
$index attribute Renders the value of the jsxindex field as tabindex="{$index}". If this field has no value, the default (0) will be used jsxindex
$tip attribute Renders the value of the jsxtip field as title="{$tip}". jsxtip
$disabled attribute Renders the value of the jsxenabled field as disabled="{$disabled}". jsxenabled
$onblur event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onchange event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onclick event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$ondblclick event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onfocus event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onkeydown event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onkeypress event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onkeyup event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmousedown event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmousemove event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmouseout event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmouseover event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmouseup event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled
$onmousewheel event Renders the given event listener on the HTML tag if the control is not set to jsxenabled = false; jsxenabled

Contents

Searching General Interface Docs

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.