效果预览
基本用法
Label控件通过text属性定义显示的内容
调整CSS风格
由于Label生成的HTML代码较为简单，如下：
<div id="d__uid_74" class="i-label d-label" style="position: absolute; left: 20px; top: 20px; width: 258px; ">测试文本1</div>
则如果我们希望调整这个DIV的风格，就可以直接通过Label控件的style属性设定：
并调整Label的height属性设定，就可以得到如下的效果：
定义为超链接
如果我们希望将"测试文本1"变为超链接，如下图：
则可以通过Label的onRefreshDom事件实现:
代码如下：
jQuery(arg.dom).empty().xCreate({
tagName:"a",
content:"测试文本1",
href:"http://www.bsdn.org"
});
定义为图片
如果我们希望将测试文本2变为一张图片，如下图：
则可以通过Label的onRefreshDom事件实现:
代码如下：
var img = $url('>skin>common/icons.gif');
jQuery(arg.dom).empty().xCreate({
tagName:"span",
style:{
backgroundImage: "url("+img+")",
backgroundPosition: "-140px -20px",
backgroundRepeat: "no-repeat",
display: "inline-block",
paddingLeft: "20px",
width: "0",
height: "22px",
lineHeight: "22px",
margin: "0 1px"
}
});
Attachments:
image2012-8-10 10:32:16.png (image/png)
image2012-8-10 10:33:45.png (image/png)
image2012-8-10 12:22:3.png (image/png)
image2012-8-10 12:27:49.png (image/png)
image2012-8-10 12:30:40.png (image/png)
image2012-8-10 12:31:31.png (image/png)
image2012-8-10 12:36:12.png (image/png)
image2012-8-10 12:38:19.png (image/png)
image2012-8-10 12:38:24.png (image/png)