0

我最近开始使用 Dojo 框架，并且必须为网站制作浮动窗格。在google和stackoverflow上搜索后，我遇到了一个很好的例子：

jsfiddle

但问题是每次我最小化浮动窗格然后单击底部的小选项卡再次显示它时，窗格的大小都会增加！它也可以在 jsfiddle 示例中看到，尽管您需要重复多次，因为更改类似于 2px。

有人可以帮我解决这种奇怪的行为吗？JavaScript 代码：

dojo.require("dojo.dnd.move");
dojo.require("dojox.layout.FloatingPane");

dojo.ready(function() {

    var ParentConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {

        postCreate: function() {
            this.inherited(arguments);
            this.moveable = new dojo.dnd.move.parentConstrainedMoveable(
                this.domNode, {
                    handle: this.focusNode,
                    area: "content",
                    within: true
                }
            );                            
        }

    });

    var BoxConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {

        postCreate: function() {
            this.inherited(arguments);
            this.moveable = new dojo.dnd.move.boxConstrainedMoveable(
                this.domNode, {
                    handle: this.focusNode,
                    box: {l: 10, t: 10, w: 400, h: 400},
                    within: true
                }
            );                            
        }

    });

    var ConstrainedFloatingPane = dojo.declare(dojox.layout.FloatingPane, {

        postCreate: function() {
            this.inherited(arguments);
            this.moveable = new dojo.dnd.move.constrainedMoveable(
                this.domNode, {
                    handle: this.focusNode,
                    constraints: function() {
                        var coordsBody = dojo.coords(dojo.body());
                        // or
                        var coordsWindow = {
                            l: 0,
                            t: 0,
                            w: window.innerWidth,
                            h: window.innerHeight                            
                        };

                        return coordsWindow;
                    },
                    within: true
                }
            );                            
        }

    });

    var searchboxNode = dojo.byId("searchbox");
    var floatingPane = new ParentConstrainedFloatingPane({
        title: "A floating pane",
        resizable: true,
        dockable: true,
        //constrainToContainer: true,
        style: "position:absolute;top:40px;left:40px;width:160px;height:100px;"       
    }, searchboxNode);

    floatingPane.startup();
});

编辑#1：我已经为它提出了一个官方错误票，可以通过这个链接检查进一步的响应：http: //bugs.dojotoolkit.org/ticket/16598

4

1 回答 1

2

那是一个 dojox 浮动窗格错误，我不知道它是否报告过，但是当您直接使用该类时也会发生这种情况

dojox.layout.FloatingPane

代替

ParentConstrainedFloatingPane

并且如果您更改了 dojo 版本（尝试 1.8.3 进行验证），所以除非您愿意弄乱修复它，否则请尝试向 dojo 报告它，看看它是否已修复。

于 2013-01-18T05:48:37.760 回答