ProgressBar和RenderTo未放置在中心

ProgressBar and RenderTo not placing in the center

本文关键字：在中心 RenderTo ProgressBar      更新时间：2023-09-26

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

这是我的代码

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

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

容器不是固定的大小，所以我不能真正添加填充/边距，因为我不确定数量。

有人知道这方面的办法吗？

我使用的是RenderTo的一个例子，有没有其他方法可以确保它被添加到容器中并居中？

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

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

如果你是一个完整的Extjs应用程序，你应该让"that.el"成为某种容器，并通过布局处理它。

例如：HBox布局，带有打包/对齐设置，可使您的物品居中。

相关文章：