首页 教程 API文档

文本标签组件

2015-10-29 15:47:04

属性


父模块 widget
Demo地址 Label

描述


Label组件用于显示一列或者一堆文字,通常在layout中应用比较频繁.

文本标签组件图片

成员列表


方法名称 成员类型 描述
textFormat public 文本内容格式
href public 超链接的url地址
target public 超链接的目标地址
wordwrap public 文字强制换行
wordnowrap public 文字强制不换行
value public 文字内容读写
color public 文字颜色
fontSize public 文字大小
lineHeight public 文字的行高
bold public 文字加粗状态
underline public 文字加粗状态
indent public 文字开头缩进距离
background public label背景
textAlign public 文字对齐方式

参数选项


名称 类型 默认值 描述
defaultClass String StdUI_Label 默认class名称
level Number 1 Label所在layout中的等级
bold Boolean false 文字是否为粗体
underline Boolean false 文字是否拥有下划线
wordwrap Boolean false 文字是否强制换行
wordnowrap Boolean false 文字是否强制不换行
textAlign String null 文字对齐方式,left,center,right....参考css text-align属性
color String null 文字颜色
fontSize Number 12 文字大小
lineHeight Number null 文字的行高
indent Number 0 文字的左侧间距
href String null 如果该值为一个字符串,那么Label将会成为一个超链接,href属性值将作为链接地址
target String null 如果Label为一个超链接,那个target属性值就会是超链接的target属性值,例如_blank
value String label Label的文字内容
background String Empty String Label的css背景属性
textFormat String html Label文字的格式,取值范围有html,text

相关例子



Std.ui("widget",{
    width:800,
    height:400,
    renderTo:"body",
    layout:{
        ui:"VBoxLayout",
        items:[
            {
                ui:"Label",
                value:"normal label"
            },{
                ui:"Label",
                value:"blue label",
                color:"blue"
            },{
                ui:"Label",
                bold:true,
                value:"bold text"
            },{
                ui:"Label",
                underline:true,
                value:"underline text"
            },{
                ui:"Label",
                value:"red background",
                background:"red"
            },{
                ui:"Label",
                value:"font size is 30px",
                fontSize:30
            },{
                ui:"Label",
                value:"url link",
                underline:true,
                href:"http://www.stdjs.com",
                target:"_blank"
            }
        ]
    }
});