HTML Tags"

From Documentation
(Created page with '{{ZKDevelopersReferencePageHeader}} Here we discuss how to use HTML tags with ZK components. There are several ways as described in the following sections, and you could choose …')
 
(5 intermediate revisions by one other user not shown)
Line 1: Line 1:
 
{{ZKDevelopersReferencePageHeader}}
 
{{ZKDevelopersReferencePageHeader}}
  
Here we discuss how to use HTML tags with ZK components. There are several ways as described in the following sections, and you could choose one based on your requirement.
+
Here we discuss how to use HTML tags directly in a ZUML document. There are several ways as described in the following sections, and you could choose one based on your requirement.
 +
 
 +
{| border='1px' | width="100%"
 +
! What to consider !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The html Component|html component]] !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The native Namespace|native namespace]] !! [[ZK Developer's Reference/UI Patterns/HTML Tags/The XHTML Component Set|XHTML components]] !! [[ZK Developer's Reference/Integration/Use ZK in JSP|JSP]]
 +
|-
 +
| Update Content Dynamically
 +
| Yes
 +
| No<ref>We cannot update content dynamically at the server. However, we could modify the DOM tree directly at client. Please refer to the [[ZK Developer's Reference/UI Composing/Client-side UI Composing|Client-side UI Composing]] section.</ref>
 +
| Yes
 +
| No<ref>Technically you could modify the browser's DOM tree dynamically at the client.</ref>
 +
|-
 +
| Mix with ZUL components
 +
| No
 +
| Yes
 +
| Yes
 +
| Yes/No<ref>You could mix HTML tags with ZK components, if [http://www.zkoss.org/product/zkjsp.dsp ZK JSP Tags] is used. Otherwise, you could only have a JSP page to include other ZUL pages, or vice versa.</ref>
 +
|-
 +
| Memory Footprint
 +
| Small
 +
| Small
 +
| Large
 +
| Small
 +
 
 +
|}
 +
 
 +
In addition, you could use [[ZK Component Reference/Essential Components/Iframe|iframe]] to embed a complete HTML document which might be from a different website with different technology. Or, use [[ZK Component Reference/Essential Components/Include|include]] to include a HTML fragment.
  
 
{{ZKDevelopersReferenceHeadingToc}}
 
{{ZKDevelopersReferenceHeadingToc}}
 +
 +
<blockquote>
 +
----
 +
<references/>
 +
</blockquote>
 +
 
{{ZKDevelopersReferencePageFooter}}
 
{{ZKDevelopersReferencePageFooter}}

Revision as of 08:03, 25 July 2011

Here we discuss how to use HTML tags directly in a ZUML document. There are several ways as described in the following sections, and you could choose one based on your requirement.

What to consider html component native namespace XHTML components JSP
Update Content Dynamically Yes No[1] Yes No[2]
Mix with ZUL components No Yes Yes Yes/No[3]
Memory Footprint Small Small Large Small

In addition, you could use iframe to embed a complete HTML document which might be from a different website with different technology. Or, use include to include a HTML fragment.




  1. We cannot update content dynamically at the server. However, we could modify the DOM tree directly at client. Please refer to the Client-side UI Composing section.
  2. Technically you could modify the browser's DOM tree dynamically at the client.
  3. You could mix HTML tags with ZK components, if ZK JSP Tags is used. Otherwise, you could only have a JSP page to include other ZUL pages, or vice versa.



Last Update : 2011/07/25

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