fastadmin 三级联动 selectpage使用

FastAdmin是一个基于ThinkPHP5开发的后台管理系统模板，它提供了丰富的组件库，其中包括支持三级联动的SelectPage控件。三级联动通常是指在一个下拉菜单中，用户可以选择第一级分类，然后第二级分类会根据第一级的选择动态加载，最后再选择第三级分类。

在FastAdmin中，使用SelectPage做三级联动的基本步骤如下：

1. **引入依赖**：首先，在需要使用SelectPage的地方，你需要包含对应的JS文件，比如`public/static/vendors/fastadmin/assets/js/plugins/selectpage/jquery.selectpage.min.js`。

<script src="{skin_url}/vendors/fastadmin/assets/js/plugins/selectpage/jquery.selectpage.min.js"></script>

2. **初始化SelectPage**：创建一个SelectPage实例，并传入相关的数据源（通常是后台API获取的数据），设置各级别的选项和事件处理函数。例如：

$.selectPage({
    url: '{url("admin/your_controller/your_action")}', // API地址，返回一个包含所有层级数据的对象数组
    levelData: [{ // 根据数据格式设定各级别数据的结构
        id: '0', text: '顶级分类', children: [] // 子项为空表示这是第一级
    }],
    init: function(data) { // 数据加载完成后执行的回调
        this.$el.find('.selectpage-level-1').val('初始值'); // 设置默认选中项
        // 这里可以进一步操作DOM，如添加事件监听等
    },
    onReady: function() {
        // 初始化完毕后的操作，例如异步加载第二级选项
    }
});

3. **动态加载数据**：在`onReady`函数中，可以根据当前选择的第一级分类id，向服务器请求对应第二级和第三级的数据，然后更新SelectPage实例的选项。

注意，以上代码示例仅供参考，实际使用时需要根据你的项目结构和API设计进行调整。同时，确保你的前端和后端能够有效通信并传递所需的数据。