# 按钮组
常用的操作按钮。
# 属性
# 基础
基本属性： 同组件管理 -> 属性 -> 基本属性
行列数： 行的个数，列的个数。
左右边距： 每个按钮距左侧的边距，每个按钮距右侧的边距。
内边距： 按钮中文字距左侧的边距，按钮中文字距右侧的边距。
初始选中： 初始选中的按钮。
圆角半径： 每个按钮的圆角半径大小。
背景色： 按钮的背景颜色。
竖排显示： 按钮文字是否竖排显示。
图片设置 。
- 图片选择
- 图片地址
提示：
图片地址可以是http://或者https://开头的外网的地址，也可以是项目本地的图片路径，例如./static/template/TJ1/material/bg.png
警告：
图片可上传类型：JPG；JPEG；PNG。 图片可上传大小：5 兆。
文本样式： 按钮中文字的文本格式。
字体颜色： 文字字体颜色。
字体大小： 文字字体大小。
字体粗细： 文字字体粗细。
字体： 文字字体样式。
# 选中按钮
文本样式： 选中按钮的文本样式。
字体颜色： 选中按钮的文字字体颜色。
字体大小： 选中按钮的文字字体大小。
字体粗细： 选中按钮的文字字体粗细。
字体： 选中按钮的文字字体样式。
选中背景色： 选中按钮的背景颜色。
图片设置： 选中按钮的背景图片 。
- 图片选择
- 图片地址
提示：
图片地址可以是http://或者https://开头的外网的地址，也可以是项目本地的图片路径，例如./static/template/TJ1/material/bg.png
警告：
图片可上传类型：JPG；JPEG；PNG。 图片可上传大小：5 兆。
# 数据
# 静态数据
上图中的示例JSON代码如下：
[
{
"text": "按钮一"
},
{
"text": "按钮二"
},
{
"text": "按钮三"
}
]
- text： 按钮的名称。
# 数据资源
# 交互
# 切换按钮组事件
勾选启用，开启切换按钮组事件。当按钮组中的按钮时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。
# 悬停事件 3.0+
勾选启用，开启悬停事件。当鼠标悬停按钮组件时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。
# 移出事件 3.0+
勾选启用，开启移出事件。当鼠标移出按钮组件时，绑定字段中数据会推送到变量中。关联此变量的组件将携带此变量值，触发数据请求，查询相关数据，更新组件。具体配置请参考组件交互。
# 数据响应
按钮组支持数据响应配置。
# 节点编程
# 事件
切换按钮组事件： 切换按钮组触发事件。
- 抛出的参数： 按钮组所携带的数据。
悬停事件： 鼠标悬停时触发事件。 3.0+
- 抛出的参数： 按钮组所携带的数据。
移出事件： 鼠标移出时触发事件。 3.0+
- 抛出的参数： 按钮组所携带的数据。