ProgressBar和RenderTo不放在中心

Question

我正在处理一些工作时动态创建progressBar。它有效，但我使用的是RenderTo方法，它不会出现在容器的中心。

这是我的代码

        var progressBar = Ext.create('Ext.ProgressBar', {
            renderTo: that.el,
            width: 305
        });

宽度是正确的，但它没有呈现在容器的中心（.el）

容器不是固定大小，因此我无法真正添加填充/边距，因为我不确定该数量。

有人知道解决这个问题吗？

我使用的是RenderTo的示例，是否有另一种方法可以确保将其添加到容器并居中？

Answer 1

var progressBar = Ext.create('Ext.ProgressBar', {
        renderTo: that.el,
        style: 'margin-left: auto; margin-right: auto',
        width: 305
    });

这可能会有效，但我不知道应用程序的其余部分布局。

如果你是完整的Extjs应用程序，你应该将“that.el”变成某种容器并通过布局处理它。

Ex：带有包装/对齐设置的HBox布局，以使您的商品居中。