EXTJS 给一个label加cls 把默认的去掉

Question

extjsclass

Answer 1

    Ext.onReady(function () {
       var lb= Ext.create('Ext.form.Label', {
            text: 'sasas',
            width: 200, id: 'xlb',
            listeners: { render: function () { document.getElementById('xlb').className = 'test-test-test' } }        });
        lb.render('dv')
    });

Answer 2

用了这段代码后，元素审查为<label class="test-test-test x-box-item" style="width: 200px; right: auto; left: 0px; top: 18px; margin: 0px;" id="xls" for=""></label>和我对比的
<div class="rpux-formfield-subTitle"></div> 还是有区别 请问该怎改？

Answer 3

什么版本的ext，我这里4.1测试label就只有这些样式
<label class="x-component test-test-test x-component-default" style="width:200px;" id="xlb" for="">sasas</label>
x-box-item是不是你其他js代码给后续加上的？

Answer 4

会不会是DIV的关系 那个x-box-item我没加过。。是放在一个HBOX下的

Answer 5

牛，
不单单是样式，有些method是要依赖这些class的。

Answer 6

是布局的问题，hbox自动加上的，setTimeout延时设置下样式{ text: 'sasas', 
width: 200, 
xtype: 'label',
id: 'xlb',
listeners: { render: function () { setTimeout(function () { document.getElementById('xlb').className = 'test-test-test' }, 1); } }
}

Answer 7

我也来乐乐，var $a = new Ext.container.Container({
items : [ {
xtype : 'label',
text : 'sasas',
width : 200,
cls : 'test-test-test',
id : 'xlb' } ],
renderTo : 'box',
layout : {
type : 'hbox'
}, listeners : {
afterlayout : function() {
document.getElementById('xlb').className = 'test-test-test'
}
}
});