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;それを左に移動するために使用し、固定幅を設定して2つの間に表示されるスペースを削除することにより、「タイトル」部分のcssを変更することです。パーツですが、ご覧のとおり、これは悪いです。きれいなものが欲しいのですが。

4

2 に答える 2

1

追加CaptionするWindowと、位置はデフォルトで
[ここにタイトル] [ここにキャプション
]になるはずな ので、情報を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 に答える