Online表单 扩展控件类型 === > **需求描述:**现有的online表单配置的页面属性-控件类型不满足实际开发 需要扩展自定义的控件 > **示例说明:**扩展一个下拉多选控件 ###### 步骤如下: - ###### 1、新增控件类型 > 找到前端vue文件 src\views\modules\online\cgform\tables\PageAttributeTable.vue 修改fieldShowType配置,增加一个option,代码如下 ![图1-1](https://static.oschina.net/uploads/img/201905/14111139_gxyM.png "图1-1") - ###### 2、新增Widget > 在文件夹src\components\online\autoform\view\下新建一个vue文件,SelectMultiWidget 【文件取名建议:以Widget结尾】页面代码如下: ![输入图片说明](https://static.oschina.net/uploads/img/201905/14110811_5oGR.png "在这里输入图片标题") - ###### 3、注册Widget > 在src\components\online\autoform\index.js中新增代码如下: ![输入图片说明](https://static.oschina.net/uploads/img/201905/14111611_UAQD.png "在这里输入图片标题") - ###### 4.功能测试 - 4-1 配置表单的某一字段的控件类型 ![输入图片说明](https://static.oschina.net/uploads/img/201905/14112504_DRU4.png "在这里输入图片标题") - 4-2 配置表单的某一字段的字典信息 ![输入图片说明](https://static.oschina.net/uploads/img/201905/14112528_9WIs.png "在这里输入图片标题") - 4-3 测试表单显示结果如下 ![输入图片说明](https://static.oschina.net/uploads/img/201905/14112610_ZK6U.png "在这里输入图片标题")