formily表单设计器相关特殊的响应器配置

已于 2022-11-30 17:32:06 修改
阅读量2k 收藏 2
点赞数
分类专栏： react 文章标签： react javascript
于 2022-08-25 14:18:22 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zole1314/article/details/126521928
版权
本文详细介绍了formily表单设计器中的一些特殊响应器配置，包括select下拉框数据处理、依赖项配置、自增表格计算、关联对象弹框、组织架构选择、人员选择、地址级联选择以及树形选择和下拉框搜索等功能实现。
摘要由CSDN通过智能技术生成

1、select 下拉框数据

$effect(() => {
    
  $request("/dictionary/listDictionaryByCondition", {
    
    method: "post",
    data: {
     dictionaryTypeCode: "SYS_BASE_DATA_AGGREGATE_TYPE" },
  }).then((res) => {
    
    $self.dataSource = res.data?.map((x) => ({
     label: x.name, value: x.code }))
  })
},
最低0.47元/天 解锁文章
南城__
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
基于 Formily 的表单设计器实现原理分析 ​
Qingcloudedu的博客
08-20 1197
编者寄语：本期为大家带来基于 Formily 的拖拽式表单设计器玩法，探索可视化时代表单设计器的可能。 背景 在控制台类 web 应用中，表单是最常见的交互形式。用户在表单中填写信息，点击提交就能完成对数据创建或者修改操作。 最开始，前端开发人员根据业务模型和具体需求，通过逐一编写或者声明实现表单中的各个字段，测试通过之后发布上线。渐渐地，开发人员开始把一些常用的方法抽象成表单库复用，提升开发效率。随着业务复杂度的增加和需求的不断演进，对表单的展示形式和灵活程度要求也在不断提高，现有的表单库只能解决部分.
form-making:基于formily的简易表单编辑器
03-08
形式制作 简易表单编辑器
（二）vForm 动态表单设计器之下拉、选择
最新发布
刘一线的博客
05-18 424
动态表单下拉、选择等组件，大概率要使用数据库中的数据，那么vForm如何拿到数据库中的数据呢？跟随我的步骤，就能很快实现！到此就完成了下拉数据走后台接口的抽取，此方法适用单选radio，多选checkbox，等需要后台拉去数据的，都可以使用和借鉴。（一）vForm 动态表单设计器之使用。
Formily原来是这样解决这些表单难题
程序员成长指北
03-08 224
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号 回复1，加入高级Node交流群背景 古茗在中后台的场景中大量的使用 formily 来解决问题。在小陈首次使用 formily 时第一感受，这玩意儿咋那么难用，能不用吗？（现在改成 antd 来写还来得及不）跟老李反馈了初识 formily 遇到的难处，老李听后细心解答了古茗的中后台在使用表单始终会存在几个问题（表单数据管理...
开源低代码表单方案 Formily 的核心设计思路
程序员成长指北
11-25 5154
大厂技术高级前端Node进阶点击上方程序员成长指北，关注公众号回复1，加入高级Node交流群Formily 是一个数据+协议驱动的表单解决方案，它站在Reactive响应式编程巨人的肩膀上，构建出了从基础表单到低代码领域的高性能通用基础能力，同时其配套的跨框架+跨终端组件生态体系，也能让用户更高效的开发日常业务表单，尽可能的减少了重复冗余的逻辑实现。本篇内容来自白玄在第十六届D2前端技术...
一个表单设计器前端代码
08-29
一个表单设计器前端代码只用来学习用。学习点：拖拉、页签等
表单设计器公式设计参考
weixin_33728708的博客
03-22 332
整体说明公式以javascript方式解析，最终支持JS语法或计算方式；公式变量以数据项为主，以{}符号表示数据项，例如数据项A，表示为{A}；如果是子表中的数据项，那么表示为{子表名称.字段名称}；计算公式（ComputationRule）1.求和，例如数据项C=A+B。设置ComputationRule值为：2,{A}+{B}语法：保留小数位数,计算表达式，公式中...
基于ElementUI的表单设计器f-render设计源码
04-08
f-render表单设计器 - 基于ElementUI开发，包含60个文件，如JS、VUE、MD、JSON、BROWSERSLISTRC、YML、GITIGNORE、NPMIGNORE、LICENSE和WEBP等。该设计器为用户提供了基于ElementUI的表单设计功能，帮助用户快速构建...
基于Layui的拖拽式表单设计器设计源码
04-11
本源码提供了一个基于Layui的拖拽式表单设计器设计。项目包含174个文件，其中包括122个JavaScript文件、24个CSS样式文件、4个GIF图片、4个WOFF字体文件、4个HTML文件、2个Markdown文档、2个PNG图片、2个EOT字体文件...
C# winfrom 自定义表单设计器
11-21
**C# WinForm自定义表单设计器** 在.NET框架中，C#是一种广泛使用的编程语言，尤其在开发桌面应用程序时，WinForm是一个重要的选择。本文将深入探讨如何使用C#来构建一个自定义的WinForm表单设计器。这个设计器允许...
formily-editor:模式编辑器
04-13
Formily-Schema-Editor 从表单数据结构出发，帮助你快速搭建表单。 背景 Formily提供了的能力，因此我们可以实现通过一份JSON SCHEMA渲染出一个表单。 这份SCHEMA可以通过开发者手写，但是更多的时候需要开放给非技术人员通过配置的方式生成。 因此，Formily-Schema-Editor出现了，它帮助不熟悉具体技术细节的用户生产SCHEMA，进而可以自己设计属于他们的表单。 功能 安装 import { SchemaEditor } from "@formily-editor/schema-editor"; import extensions from "@formily-editor/extensions"; const renderToolbar = (context) => { // 定制你的导航 } const demo = () => {
基于elementui 的表单设计器
03-16
本文将深入探讨基于ElementUI的表单设计器及其相关知识点。 一、ElementUI简介 ElementUI是由饿了么团队开发的一款轻量级、易用且高度可定制的Vue.js UI组件库。它提供了一系列丰富的组件，如表格、按钮、提示、...
JavaScript实现的可视化表单设计器源码.zip
05-31
JavaScript实现的可视化表单设计器源码。实现的可视化表单设计器。基于Vue的可视化表单设计器，让表单开发简单而高效。 特性如下： 可视化配置页面 提供栅格布局，并采用flex实现对齐 一键预览配置的效果 一键生成...
前端页面设计开发人员工具表单设计器vue
10-31
在压缩包“WebContent”中，可能包含了该表单设计器的源代码、示例项目、文档等相关资源。通过学习这些内容，开发者可以了解如何安装、配置和使用这个表单设计器，以及如何将其整合到自己的项目中。同时，源代码分析...
完美的jQuery拖拽式表单设计器.rar
07-08
**jQuery拖拽式表单设计器——Formbuild** Formbuild是一款基于jQuery技术的高效、易用的Web拖拽式表单设计器。它为开发者提供了一种简单直观的方式，使得非编程背景的用户也能轻松创建和编辑复杂的在线表单。在...
推荐开源项目：阿里巴巴Formily - 高效动态表单构建解决方案
gitblog_00073的博客
03-19 1927
推荐开源项目：阿里巴巴Formily - 高效动态表单构建解决方案 formily???????? ???? Cross Device & High Performance Normal Form/Dynamic(JSON Schema) Form/Form Builder -- Support React/React Native/Vue 2/Vue 3项目地址:https://gitcode.com/gh_m...
多款顶级好用的 Vue 表单设计器测评推荐，可拖拽生成表单
热门推荐
蒋川@卡拉云
05-23 1万+
Vue 前端开发中，表单组件是排在前三的高频使用的组件，如何快速构建表单，节省力气，避免重复造轮子呢，选择一款适合自己的前端表单设计器就非常重要了。本文介绍 4 款顶级好用的 Vue 表单设计器，其中最后一款卡拉云，是新一代低代码开发工具，不仅能自动生成各类表单，还可以拖拽生成其他常见的前端组件，一行代码连接前后端数据，可快速接入数据库/api。它是表单设计器的超集，可直接生成属于你的后台管理工具，无敌好用。
推荐6个开源可视化表单生成器
小马甲
01-30 7013
表单设计器和表单渲染器。表单设计器负责提供直观的可视化界面，让用户能够方便地搭建表单，并生成对应的JSON配置文件。表单渲染器则负责读取这些JSON配置，并将其转换成实际可用的表单界面。本人每篇文章都是一字一句码出来，希望对大家有所帮助，多提提意见。
formily设计器
01-30
formily是一个基于React的表单设计工具，通过 formily设计器，用户可以快速、简便地创建复杂的表单。formily设计器具有直观的用户界面和丰富的组件库，用户可以通过拖拽、放置的方式快速构建出自己需要的表单页面。除此之外，formily设计器还提供了丰富的配置选项和自定义样式功能，用户可以根据自己的需求对表单进行个性化的设计和定制。 formily设计器支持多种常见的表单组件，包括输入框、下拉列表、复选框、单选按钮等，同时也支持自定义组件的添加和使用。用户可以通过简单的操作对表单进行布局排列、字段属性配置、校验规则设置等，无需写一行代码即可完成复杂的表单设计。 使用formily设计器，用户可以快速响应业务需求，提高表单设计的效率和质量。同时，formily设计器生成的表单代码符合性能优化标准，保证了最终页面的加载速度和用户体验。总之，formily设计器是一款功能强大、易于上手的表单设计工具，为开发者和设计师提供了便捷且高效的表单设计解决方案。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值