extjs - 如何在extjs中隐藏水平线

Question

this.horizontalLine = {
    xtype: 'box',
    hidden: false,
    autoEl : {
        tag : 'hr'
    }
};

我想隐藏这条水平线。但是

this.horizontalLine.hide()

未定义。我也尝试使用 this.horizo​​ntalLine.hidden = true。在这种情况下，隐藏属性设置为 true 但该行仍然可见。还有其他方法吗？

Answer 1

我通过在面板中放置水平线并隐藏面板来解决这个问题。

    this.rulesLabel = new Ext.form.Label({
    text : 'Rules:',
    style : 'font-size:11px;font-weight:bold;color:#15428B;padding-right:10px;padding-top:50px; margin-left:10px;'
});

this.horizontalLine = {
    xtype: 'box',
    autoEl : {
        tag : 'hr'
    }
};

this.lineHolder = new Ext.Panel({
    id: 'lineHolder',
    hidden : true,
    border: false,
    layout : 'form',
    bodyStyle : 'padding-top:10px;',
    items : [{xtype: 'box'},this.rulesLabel, this.horizontalLine]
});

我使用了 this.lineHolder.show() 和 this.lineHolder.hide() 来分别显示和隐藏线。