只用前端easyui怎样通过点击文件夹在同一个页面的不同位置显示文件夹（不用ajax）

要使用前端easyui实现点击文件夹在同一个页面的不同位置显示文件夹，可以使用easyui的Accordion组件和Tree组件配合实现。

首先，使用Accordion组件创建一个折叠面板，每个面板对应一个文件夹。在每个面板的内容区域，使用Tree组件显示文件夹的子文件夹。

具体步骤如下：

1. 引入easyui的相关文件和样式：

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/easyui/dist/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/easyui/dist/themes/icon.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/easyui/dist/jquery.easyui.min.js"></script>

2. 创建HTML结构，包含Accordion和Tree组件的容器：

<div id="accordion" class="easyui-accordion" style="width: 200px; height: 400px;">
</div>

3. 使用JavaScript代码初始化Accordion和Tree组件，并绑定点击事件：

<script>
$(function(){
    $('#accordion').accordion({
        onSelect: function(title, index){
            var tree = $(this).accordion('getPanel', index).find('.easyui-tree');
            if (!tree.hasClass('tree-initialized')) {
                tree.tree({
                    url: 'data/tree_data.json',  // 替换为获取文件夹数据的接口地址
                    onClick: function(node){
                        // 处理点击文件夹节点的逻辑，比如展示文件夹的内容等
                        console.log('点击了文件夹：' + node.text);
                    }
                });
                tree.addClass('tree-initialized');
            }
        }
    });
});
</script>

在上面的代码中，需要将 `url` 替换为获取文件夹数据的接口地址。接口返回的数据格式应符合easyui的Tree组件要求的JSON数据格式。

这样，点击Accordion的面板标题时，会根据需要异步加载该面板下的Tree组件，并在点击Tree节点时触发相应的逻辑处理。

注意：这里没有使用ajax，而是通过动态加载Tree组件实现点击展示文件夹内容的效果。