Question

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

例如，我希望有一个包含某些列和行的表，但是HTML格式不包含zul标记。我想为一些标签设置id和类，但zul标签的id可以在我的java代码中使用，我无法从css文件中访问它。当zk将它们渲染为html时，zul标签将具有一些随机生成的ID，并且我不能使用这些ID为其设置javascript函数或在我的css文件中设置样式。

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

Answer 1

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

首先，您必须在<zk>代码中添加以下内容：

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

然后，您可以在zul标记之前使用h:添加一些html标记。例如，这是一个在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标签的简单示例

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

2 个答案: