My Octopress Blog

A blogging framework for hackers.

Extjs Tricks

| Comments

1.在Ext.draw.Text中,静态文本自动换行

1
2
3
4
5
6
7
{
    xtype: 'text',
    html: "hello world!",
    padding: '2 0 0 0',
    style: fontStyle,
    width: 730
}//利用html属性来存静态文本,不要使用text

2.让labelPad生效

1
2
3
4
5
6
7
{
fieldLabel: '申告人手机号码',
id: 'buttonCopy',
labelWidth: 'auto',
labelPad: 5,
xtype: 'textfield',
}

只要labelWidth失效,labelPad就会生效

源码分析
1
2
3
4
5
6
if (me.labelAlign !== 'top') {
    if (me.labelWidth) {
        labelStyle = 'width:' + me.labelWidth + 'px;';
    }
    labelStyle += 'margin-right:' + labelPad + 'px;';
 }

如果对labelWidth传入一个非数字型的字符串,width属性就会失效,所以只剩下一个labelPad生效

Comments