# 系统按钮（表格）

系统按钮分俩种类型俩种模式:
1.分树形和表格选取数据
2.一个是可以外部检索数据,一个是只是为普通的系统按钮。

# 单选

# 单选（兼容模式）

代码
代码

# 单选（数组模式）

代码
代码

# 多选

多选跨页勾选

这里的分页默认是开启跨页勾选数据的
reserve这个参数控制跨页勾选，默认开启,

# 多选（兼容模式）

代码

# 多选（数组模式）

代码
代码
代码

# 反转数据

代码
代码

# 系统按钮（树形）

# 非懒加载

代码
代码

# 懒加载+多选

代码
代码

# 树形组件

下面的树形都是采用节点过滤功能(前端过滤)
用清晰的层级结构展示信息，可展开或折叠。

注意

这里展开树形节点方法为双击后方文字空白区域进行展开树形节点，或者点击三角形进行展开树形

# 非懒加载

代码

# 懒加载

通过方法返回参数回调进行展开层架

代码

# 手风琴模式

对于同一级的节点，每次只能展开一个

代码

# 可拖拽节点

通过 draggable 属性可让节点变为可拖拽。

代码

没节点过滤树形
注意组件的引用地址区别

代码

懒加载

代码

# 参数

排序 字段 类型 默认值 功能
1 treeKey String id 唯一标识
2 treeData Array [] 展示数据
3 lazy Boolean false 懒加载
4 fristNodeID Number 0 第一次打开节点,sysBtnTreeHandleChange事件返回的id
5 nodeNameKey String id 后续打开节点,sysBtnTreeHandleChange事件快速返回的标识字段
6 expandArray Array [] 默认展开的节点的 key 的数组
7 isCheck Boolean false 是否多选
8 defaultMethods String '' 自定义方法名称如果传入值，sysBtnTreeHandleChange传入组件的方法名称根据defaultMethods参数来
9 defaultProps Object 默认值：{children: 'children',label: 'label',isLeaf: 'hasChild',}传递组件显示值
10 contentIcon String '' 全局的树形icon
11 accordion Boolean false 是否开启手风琴模式
12 draggable Boolean false 是否拖住节点
排序 方法名 说明 参数
1 treeClick 点击数据 data, node
2 treeDblclick 双击节点展开节点 data, node
3 treeCheck 复选框点击事件 data,event
4 sysBtnTreeHandleChange 懒加载获取数据展开节点事件(如果defaultProps这个参数没有进行修改则为次事件名) nodeId,resolve,node

←