3.常见问题解答
## Q：怎么自定义**mobile**端的底部**toolbar**按钮？
A：参考`渲染 -> Render方法-> toolbars`字段，正确的配置该参数可以实现自定义底部按钮的需求。开发者自己定义的**按钮**`name`会在`On`方法注册的`tbBtnClick`事件中进行回调。更多的按钮的配置参考和toolbar一直。
图标icon可以使用阿里图标库的资源，将图标css引入项目中，图标class即可。下面是个例子关于自定义按钮和回调。
```js
ctx.Render({
toolbars: [
{ name: 'text', title: '文本', icon: 'ws-icon-text' },
{ name: 'signboard', title: '签字板', icon: 'ws-icon-whiteboard1' },
{ name: 'more', title: '更多', icon: 'ws-icon-more' },
{ name: 'my-export', title: '导出', icon: 'ws-icon-template' }, // 这是一个自定义的按钮
{ name: 'save', title: '保存', icon: 'ws-icon-save' }
],
moreActions: [
{ name: 'my-send', title: '发送' },
{ name: 'image', title: '图片' },
]
})
ctx.On('tbBtnClick', function (name) {
if (name === 'my-export') {
alert('导出')
}
if (name === 'my-send') {
alert('发送')
}
})
```
阿里图标库地址 https://www.iconfont.cn/
## Q：怎么主动调用固定签字域功能
A：参考`方法->SimulateClickBtn->wsSignareaBtn`。例子：
```js
ctx.SimulateClickBtn('wsSignareaBtn', 'signareaId')
// 主动触发签字域。第二个参数为签字域的id，即Render方法signareas中id参数。
// 如果该签字域id不存在，界面会提示签字域不存在。
```
## Q：**mobile**端怎么用自己的代码调用**保存**？
A：参考`方法->SimulateClickBtn`方法，传入`wsSaveBtn`就可以触发**保存**按钮的事件。
```js
ctx.SimulateClickBtn('wsSaveBtn')
```
## Q：**mobile**端，怎么知道保存成功了？
A：参考`方法->On->saveSucceed`，注册该事件，在保存成功后会在该方法中回到给接入者。
```js
ctx.On('saveSucceed', function (buildNo) {
alert('保存成功')
})
```
## Q：**mobile**端，我可以用在JSP、jQuery、Vue、Rect、angular中吗？
A：可以，js api不依赖任何外部框架。
（目前发现，js api会和angular框架的polyfills.js文件冲突。解决方案：try catch 冲突部分ployfills.js代码）。
## Q：CSS文件和我们的**冲突**了怎么办？
A：好签给自己定义了不少复杂CSS样式，引入多个CSS文件肯定会导致冲突，这个只能接入者自己控制。只要排版不会错乱，可以随便修改、覆盖我们的CSS。
## Q：我在**平板设备**上用哪个端？
A：建议使用**Mobile**端。