Javascript span/div中的Extjs Progressbar不正确

我想在span中呈现组件进度条，并将其插入

text/tooltip/cell

等
然后我在主体中呈现progressbar：

            Ext.create("Ext.ProgressBar", {
            renderTo: Ext.getBody(),
            value: chartCase.key / 100,
            width: 100
        });

“x-progress-text”

的样式取组件的宽度（

100px

，在本例中），因此它是居中对齐的

然后我在元素中渲染它：

        var span = $("<span>").attr("id", this.getId()).css("float", position);
        Ext.create("Ext.ProgressBar", {
            renderTo: span[0],
            value: chartCase.key / 100,
            width: 100
        });

var span=$（“”）.attr（“id”，this.getId（））.css（“float”，position）；
Ext.create（“Ext.ProgressBar”{
renderTo:span[0]，
值：chartCase.key/100，
宽度：100
});

x-progress-text

的样式

“宽度”

消失，文本

“值%”

按到左侧。
如果不强制设置类

“.x-progress-text”

？

---

谢谢

如果我们想在costum DOM元素中呈现extjs小部件，则需要使用选项“renderTo”以在DOM树中存在DOM元素

例如：

var span = $("<span>").attr("id", this.getId());
$(span[0]).appendTo("exist-element");
Ext.create("Ext.ProgressBar", {
    renderTo: $("#" + id)[0],
    value: chartCase.key / 100,
    width: 100
});

var span=$（“”）.attr（“id”，this.getId（））；
$（span[0]）.appendTo（“exist元素”）；
Ext.create（“Ext.ProgressBar”{
renderTo:$（“#”+id）[0]，
值：chartCase.key/100，
宽度：100
});

如果我们想在costum DOM元素中呈现extjs小部件，需要使用选项“renderTo”来在DOM树中存在DOM元素

例如：

var span = $("<span>").attr("id", this.getId());
$(span[0]).appendTo("exist-element");
Ext.create("Ext.ProgressBar", {
    renderTo: $("#" + id)[0],
    value: chartCase.key / 100,
    width: 100
});

var span=$（“”）.attr（“id”，this.getId（））；
$（span[0]）.appendTo（“exist元素”）；
Ext.create（“Ext.ProgressBar”{
renderTo:$（“#”+id）[0]，
值：chartCase.key/100，
宽度：100
});