extjs - ExtJs：如何以百分比设置宽度？

Question

我的测试代码如下所示：

<script type="text/javascript">
    Ext.onReady(function() {
        Ext.create('Ext.button.Button', {
            id: "Button",
            renderTo: Layer
        });
    });

    function SetPixelWidth() {
        var button = Ext.getCmp("Button");
        button.setWidth(200);
    }

    function SetPercentageWidth() {
        var button = Ext.getCmp("Button");
        button.setWidth("50%");
    }
</script>

<button onclick="SetPixelWidth()">Set Width(Pixel)</button>
<button onclick="SetPercentageWidth()">Set Width(Percentage)</button>
<div id="Layer" style="width:100%;background:black"></div>

setWidth(200)工作正常，但 "setWidth("50%")" 不生效。

如何设置宽度percentage或其他单位pixel？

感谢您提前提供任何帮助！

Answer 1

在 Sencha 论坛上查看此帖子

在这种情况下，您能做的最好的事情就是抓住包含对象的宽度。所以像

function SetPercentageWidth()
{
    var button = Ext.getCmp("Button");
    button.setWidth(button.ownerCt.getWidth() * .5);
}