数字范围

使用场景

当页面需要输入一个数字区间，您可以使用数字范围组件。

使用说明

数字范围组件通过两个数字来表示一个数字范围。

使用示例

1. 从组件面板拖拽数字范围组件至画布。

2. 绑定变量。

   数字范围组件需要绑定数字数组类型的变量。在右侧属性配置面板中，找到绑定变量字段并设置其值（示例中为 numbe），即可将数字范围组件与对应变量进行绑定。

3. 您可按需设置描述文字、自动获取聚焦、单位和小数位数等信息。此外还可设置尺寸（小、中、大）和状态（普通、禁用、只读、隐藏）。

4. 设置校验。

   数字范围作为表单组件使用，需设置校验是否必填、提示信息和自定义校验等信息。在右侧属性面板的校验区域，可配置校验必填、提示信息和自定义校验三个参数。

5. 设置事件。

   1. 在页面右侧，选择事件 > 新建动作 > onChange值发生改变时。

   2. 在onChange值发生变化时对话框中，单击确定。在响应动作区域选择页面 JS，在动作列表中勾选添加新动作，将动作名称设置为 onChange，代码编辑器中自动生成函数模板 function onChange(value) { console.log(value); }。

   3. 在动作面板页面，您可按需添加Javascript代码。

      组件数值发生改变时平台会执行onChange函数。

      /**
       * 私有函数，只能js面板内部调用
       */
      function printLog(obj) {
          console.info(obj);
      }
      /**
       * 页面内的函数，可以被页面内任何位置调用
       */
      export function helloPage() {
          console.log('hello page');
      }
      /**
       * 数字范围  值发生改变时
       * @param value 当前值
       */
      export function onChange(value) {
          console.log(value);
      }