为什么在使用百分比或浮点数时我的布局没有扩展到 window 的底部？

Question

当我为 Sencha ExtJS 面板使用百分比宽度或浮点数时，然后通过 Sencha ExtJS 以科学记数法设置左侧位置和宽度，布局在到达 window 底部之前停止。

查看此问题截图：

我在 Chrome v52 上使用带有 VB.NET 框架的 ExtJS。

你能提供这个问题的解决方案吗？

Answer 1

我在 ext-all-debug.js

中更改了以下功能

beforeSetPosition: function (x, y, animate) {
    var pos, x0;

    //change start here
    x = parseInt(x);
    y = parseInt(y);
    //change end here        

    if (!x || Ext.isNumber(x)) {
        pos = { x: x, y : y, anim: animate };
    } else if (Ext.isNumber(x0 = x[0])) { 
        pos = { x : x0, y : x[1], anim: y };
    } else {
        pos = { x: x.x, y: x.y, anim: y }; 
    }

    pos.hasX = Ext.isNumber(pos.x);
    pos.hasY = Ext.isNumber(pos.y);

    
    this.x = pos.x;
    this.y = pos.y;

    return (pos.hasX || pos.hasY) ? pos : null;
},

而不是

beforeSetPosition: function (x, y, animate) {
    var pos, x0;
    
    if (!x || Ext.isNumber(x)) {
        pos = { x: x, y : y, anim: animate };
    } else if (Ext.isNumber(x0 = x[0])) { 
        pos = { x : x0, y : x[1], anim: y };
    } else {
        pos = { x: x.x, y: x.y, anim: y }; 
    }

    pos.hasX = Ext.isNumber(pos.x);
    pos.hasY = Ext.isNumber(pos.y);

    
    this.x = pos.x;
    this.y = pos.y;

    return (pos.hasX || pos.hasY) ? pos : null;
},

Answer 2

您必须更改 x 和 y 的 parseInt 值。否则你需要将你的浏览器更新到 52 版本以上 chrome.

为什么在使用百分比或浮点数时我的布局没有扩展到 window 的底部？

Why does my layout not extend to the bottom of the window when percentages or floats are used?

javascript

vb.net

google-chrome

extjs

sencha-architect