业务背景:先选择服务器,再连接选中服务器的数据库,再选择要操作的数据
方案
方案一
使用开发示例里面的表格联动示例
优点:
- 显示的信息比较多,能进行筛选操作
缺点:
- 右侧内容多的情况下,会导致需要左右拉动显示
- 不能直观的知道选中的是左侧的哪个数据
方案二
使用动态下拉SelectPage组件
优点:
- 数据多时,支持分页
缺点:
- 宽度比较大,多个并排占用位置,也比较丑(不太懂得优化样式)
- 级联操作比较麻烦
最开始使用的是动态下拉和表格联动结合的方式来实现的,但是因为它俩的缺点,最后还是换成了多级联动的方式
方案三
使用开发示例里面的多级联动
优点:
- 好看
- 使用方便
缺点:
- 不支持分页
由于目前数据量较少,优先选择了这种方案
3个方案官方文档和开发示例里面都有完整的代码,需要改动的不多,就不贴代码了