Flex组件篇:Label

Label组件是一个单行和不可编辑文本标签,支持HTML标记。
创建方法:

<mx:Label text='这是一个普通文本标签' />

 

 

1.


如果要在标签内容中包含HTML特殊标记,需要使用转换字串
如要在标签中显示 < 符号必须使用

<mx:Label text='<;<;Prev' />

 

 

1.


如果觉得这样的写法太麻烦,可以使用CDATA标记

<mx:Label>

 

2. <mx:text>CDATA[This string contains a less than, <, greater than, >,

3. and amp, &. ]]>

4. mx:text>

5. mx:Label>

 

1.


更加灵活的方式仍然是使用脚本方式

 

1. <mx:Script>
 

2. CDATA[
 

3. function initText() { 
 

4. myLabel.text='This string contains a less than, <, greater than, >,
 

5. and amp, &.'
 

6.  }
 

7. ]]>
 

8. mx:Script>
 

9. <mx:Label id='myLabel' initialize='initText()' />

 

 


支持HTML语法的标签属性设置的时候仍然要转换,如

<mx:Label htmlText='<;b >;这是一个支持粗体显示的HTML标签<; /b &t;' />

 

 

1.


另外的写法是

<mx:Label >

 

2. <mx:htmlText>CDATA[<b>这是一个支持粗体显示的HTML标签b> ]]>

3. mx:htmlText>

4. mx:Label>

 

1.

要注意的是使用子标记和使用htmlText属性是等效的。
使用脚本方式

<mx:Script>

 

2. CDATA[

3. function initText() { 

4. myLabel.htmlText = '这是一个支持粗体显示的HTML标签';

5.  }

6. ]]>

7. mx:Script>

8. <mx:Label id='myLabel'  initialize='initText()' />

 

1.

目前支持的HTML标记有:

 

1. <a> 支持href和target属性
 

2. <b>
 

3. <br>
 

4. <p> 支持align属性
 

5. <font> 支持size color face 
 

6. <i>
 

7. <li>
 

8. <span> 只支持class属性,用来定义样式
 

9. <u>

 

 

 

你可能感兴趣的:([E]Flex+CF+Ajax)