2012-03-21 5 views
1

例12のテキストを受け取るラベルがありました。ステータス3 別の色の数字を入れる必要があります。 これを管理する最善の方法は何ですか?異なる色のGWTテキスト

ありがとうございました

答えて

1

これは単一のラベルでは実行できません。 3つの別々のラベルを使用し、それぞれを個別に色付けする必要があります。あなたはおそらくInlineLabelを使用して、それらをすべて同じ行に置いておきたいと思います。InlineLabel<span>タグのように動作します。

ラベルに色を付ける最も良い方法は、cssまたはCssResourceです。

2

異なる色にしたいテキストにはそれぞれ<スパン>タグが必要です。これは、StackOverflowと他のサイトがテキストをインラインでフォーマットした方法です。あなたはまだ単一の<ラベル>要素を使用して、一連のタグを挿入することができます。例えば

/* CSS */ 
label { color:black; } 
.red { color:red; } 
.blue { color:blue; } 

GWT:

myLabel.setInnerHTML("<span class='red'>12</span> Status <span class='blue'>3</span>"); 
+0

良い点です。 SafeHtmlTemplateを使用して便宜的に注入攻撃を防ぐ〜 –

+0

通常は注入防止のためにmyLabel.setInnerText()を使用しますが、入力(つまり2つのint)が確実であればSafeHtmlTemplatesは不要です。 –

関連する問題