javascript - 如何在 jQuery UI 布局插件中动态切换“可调整大小”布尔值？

Question

问题

---

我在我的 Web 应用程序中使用 jQuery UI 布局插件 ( layout.jquery-dev.net/index.cfm )。

仅使用 2 个面板（center和east），我需要动态禁用布局的可调整大小选项。

function InitializeLayout(sElement) {
    var oOptions = {
        closable:               false,
        resizable:              true,
        slidable:               false,
        east__livePaneResizing: true,
        east__maxSize:          672,
        east__minSize:          250,
        east__onresize_end:     function() {
            // GetOverlaySizes();
            // SetOverlaySizes();
            // SetPaperSizes();
        },
        east__size:             250
    };
    oLayout = $(sElement).layout(oOptions);
    oLayout.options.east.resizable = false;
    console.log(oLayout.options);
}

这不起作用，即使该resizable选项false在控制台上设置为。

问题

---

1. 如何动态禁用/启用该resizable选项？
2. 这与我的问题无关，但为什么启用实时窗格调整大小会使 Mozilla Firefox (20.0) 如此缓慢？

谢谢，

解决方案

---

oLayout.disableResizable("east");
oLayout.enableResizable("east");

感谢@dwaddell。

Answer 1

这是您在初始化之后需要做的事情：

oLayout.disableResizable('east');

希望有帮助。

这是一个更新的 jsFiddle：http: //jsfiddle.net/dwaddell/YE2CQ/