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 | + | 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.
- ↑ 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.
- ↑ Technically you could modify the browser's DOM tree dynamically at the client.
- ↑ 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.