Question

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

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

this.horizontalLine.hide()

未定义。我也试过使用this.horizontalLine.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()分别显示和隐藏该行。

Answer 2

你有没有试过这个.horizontalLine.hidden = true;

Answer 3

Ext.Component有一个hide()方法，因此您的代码应该有效。

查看一个工作示例：https://fiddle.sencha.com/#fiddle/ku7

如何在extjs中隐藏水平线

3 个答案: