test/amis2
1
0
Fork 0
mirror of https://gitee.com/baidu/amis.git synced 2024-12-02 20:18:03 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity
7f42ce896f
amis2/docs/zh-CN/components/form/range.md
吴多益 c8c4b6efa3
文档文字小调整；统一删掉 schema 中的高度设置；修复 tinymce 弹窗可能被遮挡问题 (#1336) 
* 文档优化

* 文档细节调整，删除示例的 height 设置，使用自动撑开

* sdk 使用完整例子，因为新版没发布

* 修复官网语言不正确问题

* 增加 icon 调整颜色及大小的例子

* 修复文字错误

* 补充 each 的文档

* 修复 zh-CN 大写问题
2021-01-07 23:35:03 +08:00

3.0 KiB
Executable File
Raw Blame History

title description type group menuName icon order
Range 滑块 0 null Range 范围 38

可以用于选择单个数值或数值范围。

基本用法

默认是单个数值，结果是个整数。

{
    "type": "form",
    "api": "https://houtai.baidu.com/api/mock2/form/saveForm",
    "controls": [
        {
            "type": "range",
            "name": "range",
            "label": "range"
        }
    ]
}

选择范围

对于范围的渲染，结果将是个字符串，两个数值通过分隔符来隔开。

{
    "type": "form",
    "debug": true,
    "api": "https://houtai.baidu.com/api/mock2/form/saveForm",
    "controls": [
        {
            "type": "range",
            "name": "range",
            "label": "range",
            "multiple": true
        }
    ]
}

属性表

当做选择器表单项使用时，除了支持 普通表单项属性表 中的配置以外，还支持下面一些配置

属性名 类型 默认值 说明
className string css 类名
min number 最小值
max number 最大值
step number 步长
multiple boolean false 支持选择范围
joinValuse boolean true 默认为 true，选择的 value 会通过 delimiter 连接起来，否则直接将以{min: 1, max: 100}的形式提交，开启multiple时有效
delimiter string , 分隔符
unit string 单位
clearable boolean 是否可清除
showInput string 是否显示输入框