FormMaking表单设计器V3.8发布,数据表格上线,支持多选、多级表头、列模板自定义、操作列、分页等设置

介绍

FormMaking 是基于Vue的可视化表单设计器,赋能企业实现可视化低代码开发模式;帮助开发者从传统枯燥的表单代码中解放出来,更多关注业务,快速提高效率,节省研发成本。 目前已经在OA系统、考试系统、报表系统、流程管理等众多项目中得到了广泛使用。

FormMaking 采用 VueElement 进行页面构建,内置i18n 国际化解决方案,支持二次扩展开发,支持自定义组件扩展,目前支持渲染 ElementAntd 组件库。

直观的拖拽操作

FormMaking 通过可视化拖拽来创建表单,方便易用。

丰富的表单字段

FormMaking 提供了各种类型的表单字段,包括布局、容器、文本、选择框、对话框、数据表格、自定义等,基本可以满足各种场景下的复杂表单创建。

FormMaking 除了可以使用内置的字段,还支持将自己的组件引入到设计器中进行配置使用。

响应式设计

FormMaking 的表单是全响应式的,可以在任何设备上,如桌面,平板电脑或者智能手机上很好的适配。

数据源管理

FormMaking 可以对表单使用的数据进行管理,方便进行前后的数据交互。

表单事件交互

FormMaking 可以通过事件配置,完成表单复杂的业务逻辑操作。

可扩展性

FormMaking 还具有易用性和可扩展性,可以根据自己的需求,轻松地扩展您的表单功能。提供了全面的API文档,帮助您快速接入您的系统,从而更好地满足您的业务需求。

数据表格

新版本迎来了数据表格,为表单提供了更好的数据列表的处理能力,支持多选、多级表头、列模板自定义、操作列、分页等设置;接下来一起看看数据表格的功能。

表格列设置

字段属性 - 列设置中进行表格列设置。

多级表头

在列设置中添加多级表头。

自定义列

在列设置中点击每项前方的编辑按钮,即可弹出详细的编辑区域,对表格列进行更加详细的设置,包括列宽、对齐方式、列模板等。

添加操作列

操作列设置中打开显示操作列,配置操作按钮,点击编辑图标可对事件进行编辑。

方法中可以通过 arguments[0] 获取到当前行数据进行操作:

function () {
  const {
    row // 点击当前行的操作按钮,获取当前行的数据。
  } = arguments[0]
}

分页

数据结构配置

启用分页后,数据需要按照配置的数据结构进行返回,不然分页会不起作用。

需要的返回数据结构如下:

{
    "records": [...],
    "total": 100,
    "currentPage": 1,
    "pageSize": 10
}

分页事件配置

在动作设置中配置 onPageChange 事件,在当前页或者每页数量修改时会触发该事件,并且传递页面分页参数:

function () {
  const {
    pageSize, // 数据结构中配置的每页数量参数
    currentPage // 数据结构中配置的当前页参数
  } = arguments[0]
}

数据 CRUD

通过数据表格可以简单快速的完成数据CRUD操作:

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 220,884评论 6 513
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,212评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,351评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,412评论 1 294
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,438评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,127评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,714评论 3 420
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,636评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,173评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,264评论 3 339
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,402评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,073评论 5 347
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,763评论 3 332
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,253评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,382评论 1 271
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,749评论 3 375
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,403评论 2 358

推荐阅读更多精彩内容