# 按钮 [TOC] ## 1. 效果展示  ## 2. 添加按钮 点击`“表单组件”`选择`“按钮”`，即可添加按钮  ## 3. 数据 ### 3.1 静态数据 * 使用静态数据时，可直接在静态数据输入框中，输入JSON 当配置好`“href”`时，点击按钮可跳转配置的url,并可传参(参数为返回数据的字段，如`“titile”`、`“value”`)  * 按钮JSON数据格式： ``` [ { "title": "按钮一", "value": 0, "data": {}, "href": "http://jeecg.com?value=${value}" }, { "title": "按钮二", "value": 1, "data": {}, "href": "http://baidu.com" } ] ``` ### 3.2 动态数据 * 选择动态数据集，点击刷新即可展示数据  * 数据集配置 使用api数据集时，api接口直接返回数据即可，如下图： ``` http://api.jeecg.com/mock/51/buttonjs ``` * API数据集返回JSON格式： ``` [ { "title": "jeecg官网", "value": 0, "data": {}, "href": "http://jeecg.com" }, { "title": "百度", "value": 1, "data": {}, "href": "http://baidu.com" } ] ``` * 定时刷新(单位:秒) 配置秒数时，接口数据修改后，可自动刷新数据  ## 4. 属性 按钮设置可设置按钮中间的间距  ## 5. 交互(暂无)