ZUML"

From Documentation
m (Created page with '{{ZKZUMLReferencePageHeader}} {{ZKZUMLReferenceHeadingToc}} {{ZKZUMLReferencePageFooter}}')
 
 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{ZKZUMLReferencePageHeader}}
+
{{ZUMLReferencePageHeader}}
  
  
{{ZKZUMLReferenceHeadingToc}}
+
ZUML (ZK User Interface Markup Language) is based on XML. Similar to HTML and XUL, it is used to describe UI in an easy-to-understand format.
  
 +
In a ZUML document, each XML element instructs the ZK Loader which component to create. Each XML attribute describes what value to be assigned to the created component. Each XML processing instruction describes how to process the whole page, such as the page title. For example,
  
{{ZKZUMLReferencePageFooter}}
+
<source lang="xml">
 +
<?page title="Super Application"?>
 +
<window title="Super Hello" border="normal">
 +
    <button label="hi" onClick='alert("hi")'/>
 +
</source>
 +
 
 +
where the first line specifies the page title, the second line creates a root component with title and border, and the third line creates a button with label and an event listener.
 +
 
 +
For introduction of ZUML, please refer to [[ZK Developer's Reference/UI Composing/ZUML|ZK Developer's Reference]]. If you are not familiar with XML, please take a look at [[ZK Developer's Reference/UI Composing/ZUML/XML Background|XML Background]] first.
 +
 
 +
{{ZUMLReferenceHeadingToc}}
 +
 
 +
{{ZUMLReferencePageFooter}}

Latest revision as of 11:06, 24 November 2010


ZUML (ZK User Interface Markup Language) is based on XML. Similar to HTML and XUL, it is used to describe UI in an easy-to-understand format.

In a ZUML document, each XML element instructs the ZK Loader which component to create. Each XML attribute describes what value to be assigned to the created component. Each XML processing instruction describes how to process the whole page, such as the page title. For example,

<?page title="Super Application"?>
<window title="Super Hello" border="normal">
    <button label="hi" onClick='alert("hi")'/>

where the first line specifies the page title, the second line creates a root component with title and border, and the third line creates a button with label and an event listener.

For introduction of ZUML, please refer to ZK Developer's Reference. If you are not familiar with XML, please take a look at XML Background first.





Last Update : 2010/11/24

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.