Question

我使用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>

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

以防万一，这是一个例子：

标题：“这是我的头衔”

信息：“这就是信息”

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

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

Answer 1

将Caption添加到Window，该位置应默认为
[标题] [标题在这里]
所以只需将信息放在Caption标签中并将其设置为粗体。

如果不知道，为同一标签设置不同的样式可以直接在zk中使用当然你可以通过java脚本来改变它，但是这样就可以了在你的情况下是矫枉过正。

修改

请参阅this示例。你看到标题和标题都是左边的。
所以这很正常。

在我玩了一下后，我找到了解决方案。看here。

Answer 2

您可以尝试覆盖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 Client Side Programming

将窗口标题的一部分设置为粗体

2 个答案:

修改