如何在ZUL文件中使用HTML标记

Question

我正在做一个zk项目，我希望在我的zul文件中有一些HTML标记。

例如，我想要一个包含一些列和行的表，但是是HTML格式的，而不是带有zul标记的。我想为一些标签设置id和class，但是zul标签的id可以在我的java代码中使用，我不能从css文件中访问它。zul标签会有一些随机生成的ID，当zk将它们渲染成html时，我不能使用这些ID来为它设置javascript函数，或者在我的css文件中设置样式。

我该怎么做呢？有什么想法吗？

Answer 1

假设您有一个zul文件。你必须有一个包含zul文件内容的<zk> </zk>标签。

首先，您必须在<zk>标记中添加类似以下内容：

<zk xmlns:h="native">
....
</zk>

然后，您可以在您的zul标记中添加一些html标记，方法是在它们之前使用h:。例如，这是一个在zk <hbox></hbox>中包含一些列和行的表格，您还可以在此html标记中放置一些zk标记，因为我在表格的单元格中放置了一个按钮：

<zk xmlns:h="native">
....
    <hbox id="zk-hbox-id" visible="true">
        <h:table id="html-table-id">
            <h:tr>
                <h:td>
                    First Column
                </h:td>
                <h:td>
                    Second Column
                </h:td>
            </h:tr>
            <h:tr>
                <h:td>
                    <button id="zk-yes-id" label="Yes" sclass="zk-sclass" />
                </h:td>
                <h:td>
                    <button id="zk-no-id" label="No" sclass="zk-sclass" />
                </h:td>
            </h:tr>
        </h:table>
    </hbox>
....
</zk>

例如，现在您可以使用html-table-id来设置javascript函数或为其设置css。

Answer 2

这是一个在zul页面中使用html标签的演示代码。

<zk xmlns:x="xhtml" xmlns:zk="zk">
<x:table width="100%" height="100%">
<x:tr>
<x:td width="40%" align="left">
</x:td>
</x:tr>
</x:table>
</zk>

这是一个在ZUl页面中使用html标记的简单示例