0

我使用 ZK（刚开始学习），我想将模式窗口标题中的一些文本设置为粗体。

这是我使用的代码：

<?xml version="1.0" encoding="UTF-8"?>
<zk xmlns="http://www.zkoss.org/2005/zul">

<window apply="hidden-file-name" title="${msg:l('title')}"  width="390px" closable="true">

    <tablelayout columns="2">
        <!-- Some code -->
    </tablelayout>

</window>

</zk>

我已经title在我的 .properties 文件中分为title和info. 我希望“信息”部分以粗体显示。

以防万一，这里有一个例子：

标题：“这是我的标题”

信息：“这是信息”

-> 我希望我的模态窗口有这个标题：“这是我的标题，这是信息”。

我找到了一个肮脏的解决方案，即将“信息”部分设置为标题，用于float: left;将其带到左侧，并通过设置固定宽度来更改“标题”部分的css以消除两者之间出现的空间部分，但正如你所看到的，这很糟糕..我想要一些干净的东西。

4

2 回答 2

1

添加Caption到Window并且位置默认应该是
[Title here] [Caption Here]
所以只需将信息放在Captions 标签中并将其设置为粗体。

据我所知
，在 zk 中直接设置不同的样式是不可能的。
当然，您可以通过 java 脚本更改它，但
在您的情况下，这将是矫枉过正。

编辑

请参阅此示例。您会看到标题和说明都在左边。
所以这是正常的。

在我玩了一会儿之后，我找到了解决方案。看这里。

于 2013-01-21T12:19:44.737 回答
0

您可以尝试覆盖 bind_ 函数以在客户端编程呈现的 dom 元素之后更新标题的内容，

例如，

<window border="normal" title="the bold title">
    <attribute w:name="bind_"><![CDATA[
        function (a, b, c) {
            this.$bind_(a, b, c);
            var cap = this.$n('cap');
            cap.innerHTML = cap.innerHTML.replace('bold', '<span style="font-weight: bold;">bold</span>');
        }
    ]]></attribute>
</window>

参考：

ZK 客户端编程

于 2013-01-21T14:49:25.487 回答