跳到主要内容

表单配置

组件扩展_1.png

提示

注意：英文名称需要和代码里 String getName() 方法的返回值一致。

表单组件​

公共属性​

{
  "hidden" : true, //是否隐藏
  "disabled" : true, //是否禁用
  "required" : true, //是否必填
  "collapsed": true, //是否默认收起
  "explain": "这是一段说明文字", // 说明文字（问号，鼠标悬浮显示）,链接配成 {text: "xxx", link: "http://..."},普通文字配成 "xxx"
  "value": "xxx", //默认值
  "placeholder": "xxx", //占位提示文字
  "bottomRightTip": "xxx",//角标提示，如：变量
}

单行输入框​

{
    "name" : "xxx",
    "type" : "input",
    "label" : "xxx"
}

文本域​

{
  "name" : "xxx",
  "type" : "textarea",
  "label" : "xxx"
}

下拉选择器​


{
  "name" : "xxx",
  "type" : "select",
  "label" : "xxx",
  "showSearch": true, //可以搜索选项
  "options" : [
    {
      "name" : "xxx",
      "value" : "xxx"
    },
    {
      "name" : "xxx",
      "value" : "xxx"
    }
  ]
}

json 文本域​

{
  "name" : "xxx",
  "type" : "jsonarea",
  "label" : "xxx",
  "height": 200,
  "jsonTipConfig": {
    "tipWords": ["String","Integer","Long"], //固定的JSON提示单词
    "sources": ['vars'] // 其他来源，目前支持变量
  }
}

单选框组合器​

{
  "name" : "xxx",
  "type" : "radioGroup",
  "label" : "xxx",
  "options" : [
    {
      "name" : "xxx",
      "value" : "xxx"
    },
    {
      "name" : "xxx",
      "value" : "xxx"
    }
  ]
}

动态竖向列表​

{
  "name" : "xxx",
  "type" : "dynamicList",
  "label" : "xxx",
  // 这个字段是描述列表中每一项应该具有怎样的结构
  "listItems" : [
    {
      "itemName" : "name1",
      "itemType" : "input",// input 或者 select 或者 jsonarea 或者 textarea
      "itemLabel" : "xxx-1",
      "required": true, //是否必填
      "placeholder": "xxx", //表单项占位符，input、select、textarea、jsonarea都可用
      "value": "xxx", //每条新增的记录的【name1】字段的默认值
    },
    {
      "itemName" : "name2",
      "itemType" : "select",// input 或者 select 或者 jsonarea 或者 textarea
      "itemLabel" : "xxx",
      //itemType为【select】时，需要options
      "options": [
        {
          "name": "xxx",
          "value": "xxx", //数据类型不限
        }
      ],
      "value": "xxx", //每条新增的记录的【name2】字段的默认值
    }
  ],
  // 动态列表的值是一个数组，其每一项的结构由listItems描述
  // listItems有几项，value的每个对象就有几个字段
  "value": [
    //表示dynamicList默认有一条记录
    {
      "name1": 1,
      "name2": false
    }
  ]
}

组件切换器​

{
  "name" : "xxx",
  "type" : "controlled",
  "label" : "xxx",
  "ctlType" : "radio",// 控制器类型，只能选用：【select | radio | switch】
  "ctlValue": "xxx", //控制器选中项的名称，值为ctlOptions中某一项的optName
  //此项不配置或值为空时，将自动选中第一项
  //这里可以使用任何已有的组件，配置方法和整个表单一样，按需项ctlOptions数组添加表单项即可
  "ctlOptions" : [
    {
      "optName": "single",
      "optLabel": "单个组件",
      "optConfig": [
        {
          "label":"single-1",
          "name":"single1",
          "type":"input"
        }
      ]
    },
    {
      "optName": "multiple",
      "optLabel": "多个组件",
      "optConfig": [
        {
          "label":"multiple-1",
          "name":"multiple1",
          "type":"input"
        },
        {
          "label":"multiple-2",
          "name":"multiple2",
          "type":"input"
        }
      ]
    },
  ]
}

多选框​

{
  "name": "xxx",      // 给后端传值的key
  "label": "xxx多选框",    // 表单配置名称
  "type": "checkBoxGroup",    // 多选框类型标识
  "value": [        // 多选框默认已选中值
    "xhn_1",
    "xhn_2"
  ],
  "collapsed": true,
  "options": [      // 多选框选项值
    {
      "name": "研发-1",
      "value": "xhn_1"
    },
    {
      "name": "研发-2",
      "value": "xhn_2"
    },
    {
      "name": "研发-3",
      "value": "xhn_3"
    },
    {
      "name": "研发-4",
      "value": "xhn_4"
    }
  ]
}

常用配置​

结果对象名​

 {
        "label":"结果对象名",
        "name":"returnKey",
        "hasVar":true,
        "type":"input"
}

在返回中显示​

    {
        "name":"valueTo",
        "label":"在返回中显示",
        "type":"radioGroup",
        "value":"response",
        "options":[
            {
                "name":"是",
                "value":"response"
            },
            {
                "name":"否",
                "value":"request"
            }
        ]
    }