Reactions是一个由mobx提供的机制,它允许开发者根据数据的变化来触发一些副作用操作。Reactions可以监听特定的数据变化,并在数据变化后自动执行相关的副作用代码。 Formily x-reactions的实现原理如下: 1. Formily使用mobx作为状态管理工具,将表单数据和表单控件的状态进行响应式绑定。 2. Formily x-reactions会通过监听表...
借助x-reactions描述了target字段,依赖了source字段的值,如果值为'123'的时候则显示target字段,否则隐藏,这种联动方式是一种被动联动,那如果我们希望实现主动联动呢?可以这样: 代码语言:javascript 复制 {"type":"object","properties":{"source":{"type":"string","title":"Source","x-component":"Input","x...
借助x-reactions 描述了 target 字段,依赖了 source 字段的值,如果值为 '123' 的时候则显示 target 字段,否则隐藏,这种联动方式是一种被动联动,那如果我们希望实现主动联动呢?可以这样: { "type":"object", "properties": { "source": { "type":"string", "title":"Source", "x-component":"Input", ...
借助x-reactions描述了 target 字段,依赖了 source 字段的值,如果值为'123'的时候则显示 target 字段,否则隐藏,这种联动方式是一种被动联动,那如果我们希望实现主动联动呢?可以这样: { "type": "object", "properties...
5.3 x-reactions 式联动 此类联动仅在 Json Schema 层面起作用,所以不涉及到 JavaScript 代码的逻辑,Schema 的联动无需刻意区分主动还是被动,指定 target 字段即向目标字段发起联动,未指定 target 字段即需要依靠依赖项,依赖项的字段变动触发执行条件,从而改变自身字段的状态。 // Json Schema { quantity: { type...
可以在x-reactions中进行相关操作,借助x-reactions描述了 target 字段,依赖了 source 字段的值,如果值为'123'的时候则显示 target 字段,否则隐藏,这种联动方式是一种被动联动,那如果我们希望实现主动联动呢?可以这样: { "type": "object", "properties": { ...
可以在x-reactions中进行相关操作,借助x-reactions描述了 target 字段,依赖了 source 字段的值,如果值为'123'的时候则显示 target 字段,否则隐藏,这种联动方式是一种被动联动,那如果我们希望实现主动联动呢?可以这样: { "type": "object", "properties": { ...
答疑成本问题得到缓解，通过定义新Schema Type Void、引入x-decorator/x-decorator-props描述包装器、维护dataSource状态、定义x-reactions响应器概念，以及废弃自动删值的默认行为，使答疑更加清晰。自定义组件扩展机制采用工厂式注册，使用@formily/reactive实现更优雅的开发方式，引入readPretty模式，使自定义...
{ "type": "string", "title": "Target", "x-component": "Input", "x-component-props": { "placeholder": "请输入" }, "x-reactions": [ { "dependencies": ["source"], "when": "{{$deps[0] == '123'}}", "fulfill": { "state": { "visible": true } }, "otherwise"...
Just change the location of x-reactions, put it on the source field, and then specify a target. It can be seen that our linkage is actually based on: condition Condition-satisfied action Unsatisfied action To achieve. Because the internal state management uses the @formily/reactive soluti...