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

你可以使用easyui的tree组件和accordion组件来实现点击文件夹在同一个页面的不同位置显示文件夹的功能。

首先，你需要创建一个tree组件来展示文件夹结构。在tree的onSelect事件中，获取选中的文件夹的信息。

$('#tree').tree({
    onClick: function(node){
        // 获取选中的文件夹信息
        var folderId = node.id;
        var folderName = node.text;

        // 根据选中的文件夹信息，展示对应的文件夹内容
        showFolderContent(folderId, folderName);
    }
});

然后，你可以使用accordion组件来展示文件夹内容。在showFolderContent函数中，根据选中的文件夹信息加载对应的内容到accordion中。

function showFolderContent(folderId, folderName) {
    // 清空accordion内容
    $('#accordion').empty();

    // 根据选中的文件夹信息加载对应的内容到accordion中
    // 这里可以使用ajax请求获取文件夹内容数据，并动态生成accordion的内容
    $.ajax({
        url: 'your_folder_content_api',
        data: { folderId: folderId },
        success: function(data){
            // 根据返回的数据动态生成accordion的内容
            $.each(data, function(index, item){
                // 生成accordion的每个面板
                var panel = $('<div></div>').appendTo('#accordion');

                // 设置面板标题
                var title = $('<div></div>').text(item.title).appendTo(panel);

                // 设置面板内容
                var content = $('<div></div>').text(item.content).appendTo(panel);
            });

            // 初始化accordion
            $('#accordion').accordion();
        }
    });
}

这样，当你点击tree组件中的文件夹时，会根据选中的文件夹信息动态加载对应的内容到accordion中，实现在同一个页面的不同位置显示文件夹的效果。