如何启用布局管理器上的句柄?

发布于 2024-12-08 10:23:34 字数 1046 浏览 0 评论 0原文

给出以下 javascript 代码:

var layoutFull = new YAHOO.widget.Layout({
                    units: [
                        {
                            position: 'left',
                            header: 'Right',
                            width: 300,
                            resize: true,
                            collapse: true,
                            scroll: true,
                            body: 'right1',
                            animate: true
                        },
                        {
                            position: 'center',
                            body: 'Da center...'
                        }
                    ]
                });
                layoutFull.render();

我可以拥有带有可折叠左窗格的完整布局。但左侧和中心部分之间有一条细线。我希望能够拖动这条线来调整左侧和中心部分的大小,如下例所示: http://developer.yahoo.com/yui/examples/layout/page_layout_source.html

我应该在布局配置中启用哪个属性?查看示例或 API 文档并没有给我带来任何运气。

Given the following javascript code :

var layoutFull = new YAHOO.widget.Layout({
                    units: [
                        {
                            position: 'left',
                            header: 'Right',
                            width: 300,
                            resize: true,
                            collapse: true,
                            scroll: true,
                            body: 'right1',
                            animate: true
                        },
                        {
                            position: 'center',
                            body: 'Da center...'
                        }
                    ]
                });
                layoutFull.render();

I can have a full layout with a collapsible left pane. But there is a fine line between left and center parts. I would like to be able to drag this line for resizing both left and center part as in this example : http://developer.yahoo.com/yui/examples/layout/page_layout_source.html.

Which property should I enable in the layout configuration ? Looking at sample or the API doc didn't give me any luck.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

悟红尘 2024-12-15 10:23:35

我想知道是否需要包含以下两个库......

<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="../../build/resize/resize-min.js"></script>

如果没有“看到”html,就很难猜测。将这两者相加可能会产生一些“魔法”。只是一种预感。 :)

I'm wondering if the following two libraries need to be included ...

<script type="text/javascript" src="../../build/dragdrop/dragdrop-min.js"></script>
<script type="text/javascript" src="../../build/resize/resize-min.js"></script>

Without 'seeing' the html, its rather hard to guess. Some 'magic' might occur by adding these two. Just a hunch. :)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文