通过对比 Form Schema 和标准的 json-schema-spec ,不难发现`x-props`、`x-component`、`x-component-props` 等 x- 开头的属性是新增的,这些属性被 Formily 用来控制组件的渲染、数据校验、联动以及定义副作用等等。 Form Schema 生成表单 理解了 Form Schema 的定义,我们就可以借助 Formily 的 SchemaForm 组件...
el-form-schema 是中后台表单解决方案,不仅覆盖了表单的布局、组件联动、校验等场景,还扩展支持object、array、table来满足更加复杂的业务场景,旨在让表单开发这件事情变的易用、简单、高效! el-form-schema 文档地址:http://efs.apidevelop.com/ el-form-schema 功能 支持element-ui所有的表单组件 内置支持object、...
除了基本功能外,antd pro schemaform 还提供了一些高级特性,如表单联动、条件渲染、自定义校验规则等等。这些特性使得 antd pro schemaform 能够应对更复杂的业务需求,并提供更好的用户体验。 10. 实际应用 antd pro schemaform 在实际开发中有着广泛的应用。无论是简单的登录表单,还是复杂的数据录入界面,都可以通过...
Code Pull requests Actions Projects Security Insights Additional navigation options Commits on Oct 9, 2020 lljj-x committedOct 9, 2020 Rename packages/demo/src/index/views/Demo/schemaTypes/42.uiSchema-ui:hidden联动/index.js to packages/demo/src/index/views/Demo/schemaTypes/42.uiSchema-ui:hidden...
函数表达式的详细写法见如何联动 ui:className:添加组件 root 元素的 className(和 fr-field 这个 className 在同级),用于自定义单独组件的样式 ui:width:单个基础组件的长度,建议使用百分比例如"ui:width":"50%"。 ui:options 配置 ui:options 里存放特定元素的特定配置。例如textarea的rows "textarea...
当我们需要对一些 结构复杂,或内容较多的JSON 进行修改配置的时候,极易容易出错。于是,就想着是否能通过表单形式进行修改,保存。最后,发现了几个JSON 编...
函数表达式的详细写法见如何联动 ui:className 添加组件 root 元素的 className(和 fr-field 这个 className 在同级),用于自定义单独组件的样式 ui:width 单个基础组件的长度,建议使用百分比例如"ui:width":"50%"。 ui:column 用于便捷控制一行排版几个元素,使用方法与 FR 的 props column相同 ui:displayType 用于...
联动类型 提交 重置 <template> <div> <p>{{ model }}</p> <el-form-schema :schema="schema" v-model="model" :inline="false" ref="efs" label-width="120px" > <el-form-item> <el-button type="primary" @click="submit">提交</el-button> <el-button @click="reset">重置</el-butto...
特别是针对自定义组件的props设置的联动属性,可以采用这种方式{ "radio": "", "select1": "", "select2": "" } select是否显示清除 测试1 测试2 提交 重置 <template> <div> <p>{{ model }}</p> <el-form-schema ref="el-form-schema" :schema="schema" :api-config="getApiConfig" v-...
通过对比 Form Schema 和标准的 json-schema-spec ,不难发现x-props、x-component、x-component-props等 x- 开头的属性是新增的,这些属性被 Formily 用来控制组件的渲染、数据校验、联动以及定义副作用等等。 Form Schema 生成表单 理解了 Form Schema 的定义,我们就可以借助 Formily 的 SchemaForm 组件来动态生成...