返回介绍

227.online升级篇-扩展控件类型

发布于 2020-09-14 22:20:41 字数 2640 浏览 1468 评论 0 收藏 0

需求描述:现有的online表单配置的页面属性-控件类型不满足实际开发 需要扩展自定义的控件 > 示例说明:扩展一个下拉多选控件

步骤如下:
  • 1、新增控件类型
    > 找到前端vue文件 src\views\modules\online\cgform\tables\PageAttributeTable.vue 修改fieldShowType配置,增加一个option,代码如下

图1-1

  • 2、新增Widget
    > 在文件夹src\components\online\autoform\view\下新建一个vue文件,SelectMultiWidget 【文件取名建议:以Widget结尾】页面代码如下:

输入图片说明

  • 3、注册Widget
    > 在src\components\online\autoform\index.js中新增代码如下:

输入图片说明

  • 4.功能测试
  • 4-1 配置表单的某一字段的控件类型

输入图片说明

  • 4-2 配置表单的某一字段的字典信息

输入图片说明

  • 4-3 测试表单显示结果如下

输入图片说明

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文