![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Form 表单
径直向前
30岁的前端开发工程师,我要成为牛人,一只狂奔的蜗牛。
展开
-
Formily 学习6(自增列表联动)
自增列表onChange 事件 是从 FormEffectHooks 里获取的 onFieldChange$ 是一个可观察对象 需要subscribe 来获取观察结果SchemaForm 的effects属性绑定的是Form的 onChange事件Form的set get的方法可以通过effects 绑定的函数传入,也可以通过createFormActions 获取ArrayTable 写入 Field 的时候 除了需要声明 type 为数组 array 之外,也要给个 name 方便用 Form原创 2020-08-14 12:05:07 · 2690 阅读 · 0 评论 -
Formily 5 (异步联动)
神奇的代码技巧const linkage = (key, defaultValue) => (path, value) => { setFieldState(path, state=>{ state.value = value !== undefined ? value : defaultValue })}FormPath.setIn(tree, path,value{})setFieldState // 设置某一项Field的属性setFormState // 设置表原创 2020-08-08 23:59:01 · 1900 阅读 · 0 评论 -
Formily 4(密码校验小结)
密码校验小结密码组件 components Password密码强度x-props={{ checkStrength: true }}组件描述属性description*(password,repassword) 通配一个组 password,repasswordstate.errors 设置错误state.warnings 设置警告设置之后要记得把错误置空...原创 2020-08-07 23:36:53 · 760 阅读 · 0 评论 -
Formily 学习3
第一次尝试写联动循环联动联动关系 Total = Price * Count;Count = Total / Price;Price = Total / Count总结一下吧const { onFieldValueChange$ } = FormEffectHooks; 获取Field Value Change 的观察者在 SchemaForm 的 effects 属性里 监听订阅onFieldValueChange$().subscribe(()=>{})const { setFiel原创 2020-08-05 02:12:53 · 1639 阅读 · 0 评论 -
Formily 学习2 (Rxjs 知识)
Rxjs 知识Rxjs 官网Rxjs 中文网Rxjs 动画演示Rxjs 入门教程 B站 BV1Mt4y127An一、基础知识被观察对象 Observable观察者 Observer操作函数 operators订阅 Scheduler主体对象广播 Subject二、Formily 结合运用const { onFieldValueChange$, onFormMount$ } = FormEffectHooks;const customEvent$ = createEffectHook原创 2020-08-04 01:53:28 · 1252 阅读 · 0 评论 -
Formily 学习1
复杂表单的解决方案Formily 官网Formily 提供3种模式开发JSON SchemaForm | JSX SchemaForm | JSX 其中推荐使用 JSX SchemaForm 的模式开始学习,一是因为其可以满足绝大多数的应用场景(个别布局适配效果较差),二是便于向·JSON SchemaForm (更适用于后台传值替换)转换看完设计理念和属性、生命周期等概念介绍后,对整个“轮子”的使用还是不能完全掌握(学习成本较高),为了更好的学习,以及体验更爽的表单设计,需要把整个实践教程码一原创 2020-08-03 02:14:02 · 2450 阅读 · 0 评论 -
Formily (UForm) 复杂表单的解决方案
Formily 解决了什么问题?智慧中台躲不过去的坎儿联动 导致的表单逻辑复杂,页面可读性差,可维护性低后台生成表单,甚至生成复杂表单的需求UI 与 逻辑的分割总之解决的是优化Form表单页面,简化逻辑和代码量附: Formily 官网...原创 2020-08-01 02:14:49 · 1263 阅读 · 0 评论