1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"><head> 3 <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type" /> 4 5 <title>Advanced Template Design</title><meta name="generator" content="amaya 8.1a, see http://www.w3.org/Amaya/" /> 6 <link href="styles.css" rel="stylesheet" type="text/css" /></head> 7 <body> 8 <h1>Advanced Template Design</h1> 9 <p>In the "Template Design" document, the special XSLForms annotations 10 were presented as a means to display the information contained in form 11 data documents (or just general XML documents with no special 12 connection to Web forms). However, since XSLForms templates build upon 13 XSL transformations, it is also possible to employ certain XSL 14 techniques to present the information in various different ways.</p><h2>Templates and Transformations</h2><p>When 15 "prepared", XSLForms templates are converted to XSL stylesheets, and 16 when form data is "displayed", such XSL stylesheets are used to 17 transform the form data to a representation which looks like the 18 original template, but with different parts of the template populated 19 with the "displayed" form data. The process can be illustrated as 20 follows:</p><table style="text-align: left; width: 80%;" align="center" border="0" cellpadding="5" cellspacing="5"> 21 22 <tbody> 23 24 <tr> 25 26 27 28 <th style="border: 1px solid rgb(0, 0, 0); background-color: rgb(193, 255, 102); text-align: center; vertical-align: top;">Template<br /> 29 30 <span class="method">A template presents the general form of the final output.</span></th> 31 32 <th style="border-style: solid; border-width: 1px; text-align: center; vertical-align: top;">Stylesheet<br /> 33 34 <span class="method">Templates are converted to stylesheets, which are like programs specially designed to present XML information.</span></th> 35 36 <th style="border: 1px solid rgb(0, 0, 0); background-color: rgb(255, 204, 255); text-align: center; vertical-align: top;">Output<br /> 37 38 <span class="method">The final output is produced when a stylesheet is combined with an XML document.</span></th> 39 40 </tr> 41 42 43 44 45 </tbody> 46 </table><p>Since the stylesheet is based on XSL, which is a rich 47 language in its own right, advanced template design techniques can 48 involve some of the features of XSL - at least those which do not 49 affect the simplicity or general structure of our templates.</p><h2>Template Extension Functions and Variables</h2><p>One 50 area where XSL features are already employed to affect the final output 51 in XSLForms is in the toolkit's use of template extension 52 functions and special variables - the latter being used in the output 53 production process. For example, we might decide to use the lower level 54 template functions to present the value of an attribute:</p><pre><span template:attribute="some-attribute" template:value="$this-value">xxx</span></pre><p>In the above example, we reference the special variable <code>$this-value</code> which refers to the value of <code>some-attribute</code>. An example of template functions in use looks like this:</p><pre><span id="{template:this-element()}">xxx</span></pre><p>In the above example, we invoke the template function <code>template:this-element</code> 55 in order to create a unique identifier in the final output. Since we 56 use the function inside an attribute which is not prefixed with <code>template</code>, we must enclose the expression between <code>{</code> and <code>}</code> characters.</p><h2>Beyond Template Extension Functions</h2><p>Since 57 the above template extension functions and variables are merely special in the 58 sense that XSLForms provides them to produce its output, and since they 59 are accessed in the stylesheet using normal XSL-based mechanisms, there 60 is no technical barrier to using other kinds of valid XSL (or more 61 precisely, XPath) expressions in cases such as those given above. The 62 rules for using such expressions in attributes are straightforward:</p><ul><li>Attributes prefixed with <code>template</code> can contain expressions as one would write them normally.</li><li>Other attributes must have their expressions enclosed between <code>{</code> and <code>}</code> characters so that the expression is evaluated and replaced with the result in the final output.</li></ul><p>Here is a trivial example of the usage of an XPath expression, based on one of the above examples:</p><pre><span template:attribute="some-attribute" template:value="string-length($this-value)">xxx</span></pre><p>In the above example, we invoke the standard XPath function <code>string-length</code> in order to produce within the <code>span</code> element the length of the value of <code>some-attribute</code> (instead of the actual value).</p><p>More 63 interesting applications of XPath expressions and non-XSLForms 64 functions arise when using more of the potential of XPath to select 65 arbitrary elements and attributes and to perform calculations on the 66 selected nodes. The following example originates from the Configurator 67 example application:</p><pre><span template:value="sum(/configuration//*[@value-is-set]/@price) + sum(/configuration//*[@value = ../@value]/@price)"></span></pre><p>This complicated expression, to be inserted within the <code>span</code> element, finds all elements in the system configuration having the <code>value-is-set</code> 68 attribute and adds their prices together; this total is combined with 69 the sum of the prices from all elements marked as selected in their 70 respective lists. In other words, it gets the total of all selected 71 components and inserts it into the final output.</p></body></html>