如何在radio.setLabel("Phone Number" +cont.getPhone)中为文本的某些部分设置颜色;



我使用Zk框架作为UI,并且从控制器端我需要设置无线电的值。看看下面的代码

radio.setLabel("Phone Number#"+"<span style="+"" foreground-color:blue ""+">"+cont.getPhone().toString() +"</span>"+"Email Id"+cont.getEmail());

但它不是替换颜色,只有电话号码的颜色才应该被替换

尝试下面的代码行

如果你想在ZUl页面上做,试试这个

 <radio id="radiog" label="Item D" value="itemD" style="color:blue;"/>

否则,请尝试

radio.setStyle("color:blue;");//Their can be syntax error please modify it according to your requirement. 
看看我的小提琴。我把你的收音机分成三个部分:一个收音机和两个标签,都在一个div.这是我能想到的唯一简单的方式

Fiddle

代码

<zk>
  <window border="normal" title="hello">
    <div>
          <radio id="radio" value="itemD" />
          <label value="Phone: " />
          <label style="color:blue" value="123456" />
    </div>
  </window>
</zk>

我怀疑ZK是否允许在单选按钮标签中使用HTML代码。

我建议把它分解成更小的部分,比如@AlexGreg的答案显示,你甚至可以考虑使用跨度或尝试中建议的CSS方法https://stackoverflow.com/a/4622818/1385048.

您可以覆盖客户端小部件的实现domLabel_()函数,如下所示:

<radio xmlns:w="client">
    <attribute name="onCreate"><![CDATA[
    self.setLabel("<span style='color:blue'>test</span>");
    ]]></attribute>
    <attribute w:name="domLabel_">
    function () { return this.getLabel(); }
    </attribute>
</radio>

我通过一段代码实现了这一点。

首先创建外部Hlayout,然后创建单选按钮,然后创建内部Hlayout创建了两个标签&然后分别设置css将该标签设置为内部hlayout,内部hlayout到收音机和广播到outerlayout。

最新更新