ProgressBar 和 RenderTo 没有放在中心

Question

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

这是我的代码

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

宽度正确，但未呈现在容器中心 (that.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" 成为某种容器并通过布局处理它。

例如：具有 pack/align 设置的 HBox 布局以将您的项目居中。

ProgressBar 和 RenderTo 没有放在中心

ProgressBar and RenderTo not placing in the center

javascript

extjs

extjs4

extjs4.1