组件事件

在搭建工具中，所有组件属性以 on 开头被认为是事件函数。比如: onChange 、onClick。在组件的属性面板配置中，可以选择自定义的函数来处理组件响应的事件。选择 无 将会给最终组件传递 undfined 。

以下代码说明给 Button 组件添加 onClick 响应

自定义事件响应函数

面板定义

<Button></Button>
+ onClick ===> onBtnClick

函数定义

• inputValue
  • 组件触发事件的原始参数，比如 Input onChange 会直接给输入框的 value。
• onNext
  • 传递数据给 gs 的标准方法
• ctx
  • 当前组件渲染的上下文，ctx.getData() 可以拿到上下文数据
  • 组件在全局渲染： ctx.getData() 返回整个页面接受到的 data 数据
  • 组件在循环渲染器中渲染： ctx.getData() 可以获得循环项的 itemData
  • 获取页面的其他数据 ctx.props可以访问 ctx.props.onNext ctx.props.onCallback ctx.props.onThrow``ctx.props.data``ctx.props.hasActive()

    示例

    // @params inputValue 组件原始参数
    // @params onNext 标准给gs传递数据的 onNext 函数
    // @params ctx 渲染该组件的上下文
    function onBtnClick(inputValue, onNext, ctx){
    console.log("按钮被点击了");
    onNext("ok") // 给 gs 传递给数据
    }