Previous topicNext topic
WebBuilderX > 子页面组件元素 > 基本页面元素 >
按钮

按钮的作用在于触发一些事件操作,除了常规容器、微展示、大屏面板和表格容器以外,其他类型的容器都支持插入按钮。这里需要特别强调的是,在不同的使用场合,该按钮必须要绑定不同的用途。常用配置项如下图所示:

这里的按钮用途,选择的是“常规操作”,也就是点击时将触发你自定义的js事件代码。因此,此类用途的按钮,除了“基本属性”之外,还有“代码编写”页签,点击此页签,就能输入js代码了:

以上配置项在保存并重新生成代码之后,页面刷新效果如下,点击该按钮将有个信息弹窗:

以下是按钮组件其他常用的基本属性:

例如,将主题修改为“警告”、尺寸显示为“小型”,同时勾选圆角和流体,并添加图标:

页面刷新效果如下图:

总之,通过各种属性之间的任意组合,可以在页面中产生很多种按钮显示效果。