HTML Tags"
From Documentation
m |
RebeccaLai (talk | contribs) m |
||
| (5 intermediate revisions by 2 users not shown) | |||
| Line 1: | Line 1: | ||
{{ZKDevelopersReferencePageHeader}} | {{ZKDevelopersReferencePageHeader}} | ||
| − | 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 | + | 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 requirements. |
| − | {| | + | {| class='wikitable' | 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]] | + | ! 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 | | Update Content Dynamically | ||
| Yes | | 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> | + | | No<ref>We cannot update content dynamically at the server. However, we could modify the DOM tree directly at the client. Please refer to the [[ZK Developer's Reference/UI Composing/Client-side UI Composing|Client-side UI Composing]] section.</ref> |
| Yes | | Yes | ||
| No<ref>Technically you could modify the browser's DOM tree dynamically at the client.</ref> | | No<ref>Technically you could modify the browser's DOM tree dynamically at the client.</ref> | ||
| Line 23: | Line 23: | ||
| Large | | Large | ||
| Small | | Small | ||
| + | |- | ||
| + | | Support EL | ||
| + | | Yes | ||
| + | | Yes | ||
| + | | Yes | ||
| + | | Yes | ||
| + | |- | ||
| + | | Support Data Binding | ||
| + | | Yes | ||
| + | | No | ||
| + | | Yes | ||
| + | | No | ||
|} | |} | ||
| − | In | + | 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 an HTML fragment. |
{{ZKDevelopersReferenceHeadingToc}} | {{ZKDevelopersReferenceHeadingToc}} | ||
Latest revision as of 06:01, 31 January 2024
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 requirements.
| 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 |
| Support EL | Yes | Yes | Yes | Yes |
| Support Data Binding | Yes | No | Yes | No |
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 an HTML fragment.
- ↑ We cannot update content dynamically at the server. However, we could modify the DOM tree directly at the 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.