# FormAction 表单行为
# install
tnpm i -S @sula/form-action
# usage
import FormAction from '@sula/form-action';
# API
# formRef
- 类型: Ref
- 默认值:
-
绑定form实例,使render的配置方法中可以拿到form的实例
# tableRef
- 类型: Ref
- 默认值:
-
绑定table实例,使render的配置方法中可以拿到table的实例
# modalRef
- 类型: Ref
- 默认值:
-
绑定modal实例,使render的配置方法中可以拿到modal的实例
# footerRender
- 类型:
Array<
RenderType>
- 默认值:
-
行为组件配置,优先级高于render
内置插件:
插件名 | 作用 |
---|---|
search | 根据表单内容搜索,刷新表格 |
submit | 提交表单 |
reset | 重置搜素条件,刷新表格 |
back | 返回上一级 |
提示
配置{ type: 'submit', text: 'Submit' }
会在FormAction中解析为{ render: { type: 'submit', text: 'Submit' } }
# render
- 类型:
Array<
RenderType>
- 默认值:
-
行为组件配置,同上footerRender
,优先级低于footerRender
# plugins
- 类型:
Array<
Plugin>
- 默认值:
-
业务插件
# mode
- 类型:
'create' | 'view' | 'edit'
- 默认值:
'create'
模式,'view'
会将render/footerRender以viewRender解析,'edit'
会将render/footerRender以editRender解析
# 其他
FormAction中传入的其他属性,会透传到组件外层包裹的div
标记上。如style
# ctx
# form
- 类型:
object
form实例,详情请查看form实例
# modal
- 类型:
object
modal实例,详情请查看modalform实例
# result
type类型涉及到远程请求时,如'submit'
、'search'
- 类型:
object
远程请求结果
# table
- 类型:
object
table实例,详情请查看table实例