easyui的layout折叠面板使用另一个按钮控制折叠展开

EasyUI Layout 组件中的折叠面板可以通过设置 panel 的 collapsible 属性来实现。同时，我们可以通过另一个按钮来控制折叠展开。具体实现步骤如下：

1. 在页面中定义 EasyUI Layout 组件，并在其中定义一个折叠面板，设置其 collapsible 属性为 true。

<div class="easyui-layout" style="width:400px;height:200px;">
    <div data-options="region:'west',title:'West',split:true,collapsible:true">
        west content
    </div>
    <div data-options="region:'center',title:'Center'">
        center content
    </div>
</div>

2. 在页面中定义一个按钮，并为其绑定一个点击事件，通过修改折叠面板的 collapsed 属性来控制其折叠展开状态。

<a href="#" class="easyui-linkbutton" onclick="toggleCollapse()">Toggle Collapse</a>

<script>
function toggleCollapse() {
    var westPanel = $('.layout-panel-west');
    var isCollapsed = westPanel.panel('options').collapsed;
    westPanel.panel(isCollapsed ? 'expand' : 'collapse');
}
</script>

在上面的代码中，我们定义了一个按钮，并为其绑定了一个名为 toggleCollapse 的点击事件。在事件处理函数中，我们首先通过 jQuery 选择器获取到折叠面板的 DOM 元素，然后通过调用 panel 方法来获取和修改面板的属性。通过 collapsed 属性可以获取或设置面板的折叠状态，通过 expand 和 collapse 方法可以分别展开或折叠面板。最后，根据折叠状态来选择是展开还是折叠面板。